Next.js Discord

Discord Forum

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

Unanswered
Spectacled bear posted this in #help-forum
Open in Discord
Spectacled bearOP
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

1 Reply

Spectacled bearOP
Bump