Problem:

I get this error when navigating to /signup on the full page experience. Modal works well. The error I get is this:

Error: The default export is not a React Component in "/signup/page"

I tried a bunch of things:

1. Take the route out of (auth)
2. Upgrading next
3. Deleting the .next folder

None of this worked and I'm honestly out of ideas. Any suggestions would be greatly welcome!

This is my directory structure:

app
├── (auth)
│   ├── signin
│   │   └── page.tsx
│   ├── signout
│   │   └── page.tsx
│   └── signup
│       └── page.tsx
├── @modal
│   ├── (...)signin
│   │   └── page.tsx
│   ├── (...)signup
│   │   └── page.tsx
│   └── default.tsx

This is my next.config.ts file:

import path from "node:path";
import type { NextConfig } from "next";
import removeImports from "next-remove-imports";

const nextConfig: NextConfig = {
    reactStrictMode: true,
    eslint: { ignoreDuringBuilds: true },
    devIndicators: {
        position: "bottom-right",
    }
};

if (process.env.NODE_ENV === "development") {
    nextConfig.outputFileTracingRoot = path.join(__dirname, "../../");
}

export default removeImports()(nextConfig);

Here are the relevant files: signup page and signup modal page:

* https://gist.github.com/dugajean/7247ed7ebcf1e0b49659614a97f0832e