From 3c8ac297b28136abff36b2f7aa1e36d945a5d783 Mon Sep 17 00:00:00 2001
From: Satsuki Akiba <anosatsuk124@gmail.com>
Date: Fri, 21 Jul 2023 15:42:11 +0900
Subject: [PATCH] Fix some bugs

---
 src/Components/Excalidraw.tsx            | 5 +----
 src/Components/Excalidraw/Container.tsx  | 8 ++++----
 src/Components/Excalidraw/RightTopUI.tsx | 2 +-
 3 files changed, 6 insertions(+), 9 deletions(-)

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<boolean>(false);
 
-  const onClose = useCallback(
-    () => setToggleState(!toggleState),
-    [toggleState]
-  );
+  const onClose = useCallback(() => setToggleState(false), []);
 
   return (
     <ExcalidrawContainer
diff --git a/src/Components/Excalidraw/Container.tsx b/src/Components/Excalidraw/Container.tsx
index e5b1f81..e8f27e9 100644
--- a/src/Components/Excalidraw/Container.tsx
+++ b/src/Components/Excalidraw/Container.tsx
@@ -3,7 +3,7 @@ import type {
   ExcalidrawProps,
   ExcalidrawImperativeAPI,
 } from '@excalidraw/excalidraw/types/types';
-import { FC, useCallback, useEffect, useMemo, useState } from 'react';
+import { FC, useEffect, useMemo, useState } from 'react';
 import styled from 'styled-components';
 
 export type WindowRect = {
@@ -46,17 +46,17 @@ export const ExcalidrawContainer: FC<ExcalidrawContainerProps> = (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 (
     <ExcalidrawBox $scale={scale} $windowRect={windowRect}>
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<RightTopUIProps> = (props) => {
   const sidebarToggle = useCallback(
     (variant: SidebarVariant) => {
       if (excalidrawAPI && !props.toggleState) {
-        props.setToggleState(props.toggleState);
+        props.setToggleState(true);
         props.setSidebarVariant(variant);
         excalidrawAPI.toggleMenu('customSidebar');
       }