diff --git a/app/dashboard/src/components/Sidebar.tsx b/app/dashboard/src/components/Sidebar.tsx
index 3a572b959..7238acd29 100644
--- a/app/dashboard/src/components/Sidebar.tsx
+++ b/app/dashboard/src/components/Sidebar.tsx
@@ -44,7 +44,7 @@ const Logo = () => {
   );
 };
 
-export const Sidebar = () => {
+export const Sidebar: FC = () => {
   const [isDrawerOpen, setDrawerOpen] = useState(false);
   const toggleDrawer = setDrawerOpen.bind(null, !isDrawerOpen);
   const sidebar = useMemo(() => <SidebarContent />, []);
@@ -113,7 +113,7 @@ export const Sidebar = () => {
     {
       fallback: "md",
     }
-  );
+  )!;
 };
 
 const SidebarContent = () => {