next dev command begins to stall after being complied.

[ree-see]

Bug report

Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Describe the bug

When running the next dev the server starts up then complies but once done the browser isn't able to reload and then stalls for about a minute and then gives the error.
A clear and concise description of what the bug is.

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 1: 0x100bc9ae7 node::Abort() (.cold.1) [/usr/local/Cellar/node/14.4.0/bin/node] 2: 0x10008186d node::FatalError(char const*, char const*) [/usr/local/Cellar/node/14.4.0/bin/node] 3: 0x1000819d6 node::OnFatalError(char const*, char const*) [/usr/local/Cellar/node/14.4.0/bin/node]

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Go to 'https://github.com/jrisse29041408/daleague-web'
2. Clone the repo
3. cd into the repo
4. run next dev

Expected behavior

A clear and concise description of what you expected to happen.
It should work completely fine.

Screenshots

If applicable, add screenshots to help explain your problem.

System information

• OS: macOS Catalina
• Browser Chrome
• Version of Next.js: latest
• Version of Node.js: v14.4.0

Additional context

Add any other context about the problem here.

[jamesmosier]

The issue is a circular reference. <HomepageBody /> is imported in IsntAuthLayout and then HomePageBody uses ResponsiveContainer and that renders DesktopComponent and then that imports HomepageBody so then the whole cycle starts over again.

Removing <HomepageBody/> from components/layout/DesktopContainer.jsx and MobileContainer.jsx resolves the issue.