Error: The default export is not a React Component in "/signup/page"
Unanswered
Spectacled bear posted this in #help-forum
Spectacled bearOP
Problem:
I get this error when navigating to
I tried a bunch of things:
1. Take the route out of
2. Upgrading next
3. Deleting the
None of this worked and I'm honestly out of ideas. Any suggestions would be greatly welcome!
This is my directory structure:
This is my
Here are the relevant files: signup page and signup modal page:
* https://gist.github.com/dugajean/7247ed7ebcf1e0b49659614a97f0832e
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
folderNone 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