Jordan Sexton 3 tahun lalu
induk
melakukan
dd439310bd

+ 4 - 4
packages/core/react/src/WalletProvider.tsx

@@ -118,7 +118,7 @@ export const WalletProvider: FC<WalletProviderProps> = ({
     const handleDisconnect = useCallback(() => {
         // Clear the selected wallet unless the window is unloading
         if (!isUnloading.current) setName(null);
-    }, [isUnloading]);
+    }, [isUnloading, setName]);
 
     // Handle the adapter's error event, and local errors
     const handleError = useCallback(
@@ -176,7 +176,7 @@ export const WalletProvider: FC<WalletProviderProps> = ({
                 isConnecting.current = false;
             }
         })();
-    }, [isConnecting, connected, autoConnect, adapter, readyState]);
+    }, [isConnecting, connected, autoConnect, adapter, readyState, setName]);
 
     // Connect the adapter to the wallet
     const connect = useCallback(async () => {
@@ -207,7 +207,7 @@ export const WalletProvider: FC<WalletProviderProps> = ({
             setConnecting(false);
             isConnecting.current = false;
         }
-    }, [isConnecting, isDisconnecting, connected, adapter, readyState, handleError]);
+    }, [isConnecting, isDisconnecting, connected, adapter, readyState, handleError, setName]);
 
     // Disconnect the adapter from the wallet
     const disconnect = useCallback(async () => {
@@ -227,7 +227,7 @@ export const WalletProvider: FC<WalletProviderProps> = ({
             setDisconnecting(false);
             isDisconnecting.current = false;
         }
-    }, [isDisconnecting, adapter]);
+    }, [isDisconnecting, adapter, setName]);
 
     // Send a transaction using the provided connection
     const sendTransaction = useCallback(

+ 1 - 1
packages/core/react/src/__tests__/useLocalStorage-test.tsx

@@ -51,7 +51,7 @@ const TestComponent = forwardRef(function TestComponentImpl(_props, ref) {
                 setPersistedValue(newValue);
             },
         }),
-        [persistedValue]
+        [persistedValue, setPersistedValue]
     );
     return null;
 });

+ 1 - 1
packages/core/react/src/useLocalStorage.ts

@@ -33,7 +33,7 @@ export function useLocalStorage<T>(key: string, defaultState: T): [T, React.Disp
                 console.error(error);
             }
         }
-    }, [value]);
+    }, [value, key]);
 
     return state;
 }

+ 3 - 2
packages/ui/react-ui/src/Collapse.tsx

@@ -71,12 +71,13 @@ export const Collapse: FC<CollapseProps> = ({ id, children, expanded = false })
 
     return (
         <div
-            children={children}
             className="wallet-adapter-collapse"
             id={id}
             ref={ref}
             role="region"
             style={{ height: 0, transition: instant.current ? undefined : transition }}
-        />
+        >
+            {children}
+        </div>
     );
 };

+ 1 - 1
packages/ui/react-ui/src/WalletModal.tsx

@@ -55,7 +55,7 @@ export const WalletModal: FC<WalletModalProps> = ({ className = '', container =
     const hideModal = useCallback(() => {
         setFadeIn(false);
         setTimeout(() => setVisible(false), 150);
-    }, []);
+    }, [setVisible]);
 
     const handleClose = useCallback(
         (event: MouseEvent) => {

+ 1 - 1
packages/ui/react-ui/src/WalletModalButton.tsx

@@ -12,7 +12,7 @@ export const WalletModalButton: FC<ButtonProps> = ({ children = 'Select Wallet',
             if (onClick) onClick(event);
             if (!event.defaultPrevented) setVisible(!visible);
         },
-        [onClick, visible]
+        [onClick, setVisible, visible]
     );
 
     return (

+ 1 - 1
packages/ui/react-ui/src/WalletMultiButton.tsx

@@ -41,7 +41,7 @@ export const WalletMultiButton: FC<ButtonProps> = ({ children, ...props }) => {
     const openModal = useCallback(() => {
         setVisible(true);
         closeDropdown();
-    }, [closeDropdown]);
+    }, [setVisible, closeDropdown]);
 
     useEffect(() => {
         const listener = (event: MouseEvent | TouchEvent) => {