mesh icon indicating copy to clipboard operation
mesh copied to clipboard

Next 14 Cannot read properties of null (reading 'useState')

Open luxbg opened this issue 5 months ago • 1 comments

I just created a next app, installed mesh/core and mesh/next

Next (14.2.13)

Next config:

const nextConfig = {
  experimental: {
    serverComponentsExternalPackages: [
      "@meshsdk/core",
      "@meshsdk/core-cst",
      "@meshsdk/react",
    ],
  },
  reactStrictMode: true,
  webpack: function (config, options) {
    config.experiments = {
      asyncWebAssembly: true,
      layers: true,
    };
    return config;
  },
};

This

    "@meshsdk/core": "^1.7.6",
    "@meshsdk/react": "^1.7.6",

Layout

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <MeshProvider>{children}</MeshProvider>
      </body>
    </html>
  );
}

Error happens when using MeshProvider, not even using CarddoWallet component.

luxbg avatar Sep 20 '24 23:09 luxbg