Dynamically importing WalletModalProvider will cause entire app to rerender

[jordaaash]

dapp-scaffold/src/contexts/ContextProvider.tsx

Lines 13 to 17 in 4814450

	const ReactUIWalletModalProviderDynamic = dynamic(
	async () =>
	(await import("@solana/wallet-adapter-react-ui")).WalletModalProvider,
	{ ssr: false }
	);

WalletModalProvider won't change from server side to client side rendering. Instead the WalletMultiButton or other UI components that would change should be marked dynamic.

[PurpleSquirrelMedia]

dapp-scaffold/src/contexts/ContextProvider.tsx

Lines 13 to 17 in 4814450

	const ReactUIWalletModalProviderDynamic = dynamic(
	async () =>
	(await import("@solana/wallet-adapter-react-ui")).WalletModalProvider,
	{ ssr: false }
	);

WalletModalProvider won't change from server side to client side rendering. Instead the WalletMultiButton or other UI components that would change should be marked dynamic.