fix: refresh data and clients on network switch (#76)

Author: neilcampbell

src/features/common/components/platform-provider-inner.tsx

@@ -7,6 +7,7 @@ import { NetworkConfig, useTheme } from '@/features/settings/data'
 import { SupportedProviders } from '@txnlab/use-wallet'
 
 type Props = PropsWithChildren<{
+  key: string
   networkConfig: NetworkConfig
   walletProviders: SupportedProviders | null
   store?: JotaiStore // This is only used for unit tests

src/features/common/components/platform-provider.tsx

@@ -33,7 +33,8 @@ export function PlatformProvider({ children }: PropsWithChildren) {
   })
 
   return (
-    <PlatformProviderInner networkConfig={networkConfig} walletProviders={walletProviders}>
+    // The key passed to PlatformProviderInner is important as it controls the storeRef in useDataStore
+    <PlatformProviderInner key={networkConfig.id} networkConfig={networkConfig} walletProviders={walletProviders}>
       {children}
     </PlatformProviderInner>
   )

src/tests/test-platform-provider.tsx

@@ -23,7 +23,7 @@ export function TestPlatformProvider({ children, store }: Props) {
   })
 
   return (
-    <PlatformProviderInner networkConfig={networkConfig} walletProviders={walletProviders} store={store}>
+    <PlatformProviderInner key={networkConfig.id} networkConfig={networkConfig} walletProviders={walletProviders} store={store}>
       {children}
     </PlatformProviderInner>
   )