From ac0980258f5bfaac0780b1abc3ef607a4dd3fac1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADtor=20Vasconcellos?= <vasconcellos.dev@gmail.com>
Date: Wed, 1 May 2024 23:50:03 -0300
Subject: [PATCH] Fix Onboarding breaking due to Sidebar changes made in #2425
 (#2437)

---
 interface/app/$libraryId/Layout/Sidebar/DebugPopover.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/interface/app/$libraryId/Layout/Sidebar/DebugPopover.tsx b/interface/app/$libraryId/Layout/Sidebar/DebugPopover.tsx
index 8772357f2..0587398aa 100644
--- a/interface/app/$libraryId/Layout/Sidebar/DebugPopover.tsx
+++ b/interface/app/$libraryId/Layout/Sidebar/DebugPopover.tsx
@@ -1,6 +1,6 @@
 import { CheckSquare } from '@phosphor-icons/react';
 import { useQueryClient } from '@tanstack/react-query';
-import { SetStateAction } from 'react';
+import { SetStateAction, useContext } from 'react';
 import { useNavigate } from 'react-router';
 import {
 	auth,
@@ -31,7 +31,7 @@ import {
 	useExplorerOperatingSystem
 } from '../../Explorer/useExplorerOperatingSystem';
 import Setting from '../../settings/Setting';
-import { useSidebarContext } from './SidebarLayout/Context';
+import { SidebarContext, useSidebarContext } from './SidebarLayout/Context';
 
 export default () => {
 	const buildInfo = useBridgeQuery(['buildInfo']);
@@ -41,14 +41,14 @@ export default () => {
 	const platform = usePlatform();
 	const navigate = useNavigate();
 
-	const sidebar = useSidebarContext();
+	const sidebar = useContext(SidebarContext);
 
 	const popover = usePopover();
 
 	function handleOpenChange(action: SetStateAction<boolean>) {
 		const open = typeof action === 'boolean' ? action : !popover.open;
 		popover.setOpen(open);
-		sidebar.onLockedChange(open);
+		sidebar?.onLockedChange(open);
 	}
 
 	return (