fix: connectembed siwe auth revalidation

Author: gregfromstl

.changeset/tall-melons-sneeze.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix revalidation with siwe auth in ConnectEmbed

packages/thirdweb/src/react/core/hooks/auth/useSiweAuth.ts

@@ -1,4 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
 import type { LoginPayload } from "../../../../auth/core/types.js";
 import type { VerifyLoginPayloadParams } from "../../../../auth/core/verify-login-payload.js";
 import { getCachedChain } from "../../../../chains/utils.js";
@@ -56,6 +57,13 @@ export function useSiweAuth(
 
   const queryClient = useQueryClient();
 
+  // We need to reset the react query cache on mount for components like ConnectEmbed that are unmount and remount depending on the auth / connection state
+  useEffect(() => {
+    queryClient.invalidateQueries({
+      queryKey: ["siwe_auth"],
+    });
+  }, [queryClient]);
+
   const isLoggedInQuery = useQuery({
     queryKey: ["siwe_auth", "isLoggedIn", activeAccount?.address],
     enabled: requiresAuth && !!activeAccount?.address,
@@ -71,7 +79,7 @@ export function useSiweAuth(
   });
 
   const loginMutation = useMutation({
-    mutationKey: ["siwe_auth", "login"],
+    mutationKey: ["siwe_auth", "login", activeAccount?.address],
     mutationFn: async () => {
       if (!authOptions) {
         throw new Error("No auth options provided");
@@ -117,7 +125,7 @@ export function useSiweAuth(
   });
 
   const logoutMutation = useMutation({
-    mutationKey: ["siwe_auth", "logout"],
+    mutationKey: ["siwe_auth", "logout", activeAccount?.address],
     mutationFn: async () => {
       if (!authOptions) {
         throw new Error("No auth options provided");