Use deactivate function to reset alert

We should never change or update the state directly and `error` is a state
variable. Instead we call `deactivate` function from `useWeb3React` to clear the
state.

src/components/Navbar/WalletConnectionAlert.tsx

@@ -15,7 +15,7 @@ const WalletConnectionAlert: FC<{
   chainId?: number
 }> = ({ account, chainId }) => {
   const [hideAlert, setHideAlert] = useState(false)
-  const { error } = useWeb3React()
+  const { error, deactivate } = useWeb3React()
   const [alertDescription, setAlertDescription] = useState("")
 
   const errorMessage = error?.message
@@ -46,7 +46,7 @@ const WalletConnectionAlert: FC<{
   const resetAlert = () => {
     setHideAlert(true)
     setAlertDescription("")
-    if (error) error.message = ""
+    deactivate()
   }
 
   if (hideAlert) {