Fix undefined return in Sidebar

docker-compose.yml

@@ -5,16 +5,16 @@ services:
     user: vscode
     # add groups from host for render, plugdev, video
     group_add:
-      - 109 # render
-      - 44  # video
-      - 46  # plugdev
+      - "109" # render
+      - "44"  # video
+      - "46"  # plugdev
     shm_size: "256mb"
     build:
       context: .
       dockerfile: docker/Dockerfile.dev
-    devices:
-      - /dev/bus/usb:/dev/bus/usb
-      - /dev/dri:/dev/dri # for intel hwaccel, needs to be updated for your hardware
+    #devices:
+    #  - /dev/bus/usb:/dev/bus/usb
+    #  - /dev/dri:/dev/dri # for intel hwaccel, needs to be updated for your hardware
     volumes:
       - /etc/localtime:/etc/localtime:ro
       - .:/lab/frigate:cached

web/src/Sidebar.jsx

@@ -50,17 +50,17 @@ export default function Sidebar() {
 
 function SortedCameras({ unsortedCameras }) {
 
-  const sortedCameras = useMemo(() => {
+  const sortedCameras = useMemo(() =>
     Object.entries(unsortedCameras)
       .filter(([_, conf]) => conf.ui.show)
       .sort(([_, aConf], [__, bConf]) => aConf.ui.order === bConf.ui.order ? 0 : (aConf.ui.order > bConf.ui.order ? 1 : -1))
-  }, [unsortedCameras]);
+  , [unsortedCameras]);
 
   return (
     <Fragment>
       <Separator />
       {sortedCameras.map(([camera]) => (
-        <Destination key={camera} href={`/cameras/${camera}`} text={camera} /> 
+        <Destination key={camera} href={`/cameras/${camera}`} text={camera} />
       ))}
       <Separator />
     </Fragment>
@@ -69,11 +69,11 @@ function SortedCameras({ unsortedCameras }) {
 
 function SortedRecordingCameras({ unsortedCameras }) {
 
-  const sortedCameras = useMemo(() => {
+  const sortedCameras = useMemo(() =>
     Object.entries(unsortedCameras)
       .filter(([_, conf]) => conf.ui.show)
       .sort(([_, aConf], [__, bConf]) => aConf.ui.order === bConf.ui.order ? 0 : (aConf.ui.order > bConf.ui.order ? 1 : -1))
-  }, [unsortedCameras]);
+  , [unsortedCameras]);
 
   return (
     <Fragment>