diff --git a/src/Components/Excalidraw.tsx b/src/Components/Excalidraw.tsx index 547d08e..d9138c3 100644 --- a/src/Components/Excalidraw.tsx +++ b/src/Components/Excalidraw.tsx @@ -13,10 +13,7 @@ export const ExcalidrawMain = () => { const [toggleState, setToggleState] = useState(false); - const onClose = useCallback( - () => setToggleState(!toggleState), - [toggleState] - ); + const onClose = useCallback(() => setToggleState(false), []); return ( = (props) => { height: window.innerHeight, }); - const onResize = useCallback(() => { + const onResize = () => { setWindowRect({ width: window.innerWidth, height: window.innerHeight, }); - }, []); + }; useEffect(() => { window.addEventListener('resize', onResize); return () => window.removeEventListener('resize', onResize); - }, [onResize]); + }, []); return ( diff --git a/src/Components/Excalidraw/RightTopUI.tsx b/src/Components/Excalidraw/RightTopUI.tsx index 6085313..c15014c 100644 --- a/src/Components/Excalidraw/RightTopUI.tsx +++ b/src/Components/Excalidraw/RightTopUI.tsx @@ -21,7 +21,7 @@ const RightTopUI: FC = (props) => { const sidebarToggle = useCallback( (variant: SidebarVariant) => { if (excalidrawAPI && !props.toggleState) { - props.setToggleState(props.toggleState); + props.setToggleState(true); props.setSidebarVariant(variant); excalidrawAPI.toggleMenu('customSidebar'); }