Fix changing settings.

src/components/Sidebar.tsx

@@ -1,5 +1,11 @@
 import React from 'react';
 
+import type {
+  IBLEConnection,
+  IHTTPConnection,
+  ISerialConnection,
+} from '@meshtastic/meshtasticjs';
+
 import Channels from './Sidebar/Channels/Index';
 import Device from './Sidebar/Device/Index';
 import Nodes from './Sidebar/Nodes/Index';
@@ -10,6 +16,7 @@ interface SidebarProps {
   sidebarOpen: boolean;
   darkmode: boolean;
   setDarkmode: React.Dispatch<React.SetStateAction<boolean>>;
+  connection: ISerialConnection | IHTTPConnection | IBLEConnection;
 }
 
 const Sidebar = (props: SidebarProps): JSX.Element => {
@@ -20,7 +27,7 @@ const Sidebar = (props: SidebarProps): JSX.Element => {
       } flex-col rounded-md md:ml-0 shadow-md border w-full max-w-sm`}
     >
       <Nodes myId={props.myId} />
-      <Device />
+      <Device connection={props.connection} />
       <Channels />
       <div className="flex-grow border-b"></div>
       <UI darkmode={props.darkmode} setDarkmode={props.setDarkmode} />