Troubleshooting

Module not found: Can't resolve '../../../../../../styled-system/css'

This error typically occurs when the SatoshiKit conflicts with the Next.JS turbopack feature. To resolve this, you can either disable turbopack or transpile the @midl/satoshi-kit package.

To disable turbopack, you can add the following to your next.config.js:

module.exports = {
  experimental: {
    turbo: false,
  },
};

It could also be configured in the start script in your package.json:

{
  "scripts": {
    "start": "next start --turbo"
    "start": "next start"
  }
}

To transpile the @midl/satoshi-kit package, you can add the following to your next.config.js:

module.exports = {
  transpilePackages: ["@midl/satoshi-kit"],
};