open(); does not work until hard refresh nextJS app

[waleedcj]

After I authenticate the user I use

router.replace('/') 

to go to the home page then where ever I go to the app the web3Modal button will not work
here is my nextJS config

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config) => {
    config.resolve.alias.canvas = false;
    return config;
  },
  images: {
    unoptimized: true,
    remotePatterns: [
      {
        protocol: "https",
        hostname: "**",
      },
    ],
  },
  distDir: "build",
  reactStrictMode: true,
  trailingSlash: true,
  output: "export",
  env: {
    NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID:
      process.env.NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID,
  },
  logging: {
    fetches: {
      fullUrl: true,
    },
  },
  experimental: {
    missingSuspenseWithCSRBailout: false,
  },
};

module.exports = nextConfig;

[glitch-txs]

which version are you using? do you have any errors on console? hydration errors maybe?