material-tailwind: Error while Generating static pages in Next JS 13.4

Hi all, I am using Material Tailwind components with Next JS 13.4 with App router and server components as per instructions in the Material Tailwind docs. Everything is running well locally but when trying to build the app and send it to vercel I encountered a strange error and have been stuck for 3 days, I will copy the terminal logs here:

 ✓ Creating an optimized production build
 ✓ Compiled successfully
 ✓ Linting and checking validity of types
 ✓ Collecting page data
   Generating static pages (1/7)  [=   ]
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96922)

Error occurred prerendering page "/_not-found". Read more: https://nextjs.org/docs/messages/prerender-error
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96922)
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96922)

Error occurred prerendering page "/companies". Read more: https://nextjs.org/docs/messages/prerender-error
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96922)
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96922)

Error occurred prerendering page "/tenants". Read more: https://nextjs.org/docs/messages/prerender-error
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96922)
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96922)

Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
RangeError: Maximum call stack size exceeded
    at P (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:100780)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:95971)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97172
    at Array.forEach (<anonymous>)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97145
    at Array.forEach (<anonymous>)
    at a (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:96965)
    at /Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/chunks/5.js:12:97229
    at Array.forEach (<anonymous>)
    at l (/Users/filipjurkovic/Dev/izyPOS/izypos-dashboard/.next/server/ch
 ✓ Generating static pages (7/7)

> Export encountered errors on following paths:
	/_not-found
	/companies/page: /companies
	/page: /
	/tenants/page: /tenants

Since this I have tried to logically remove parts of the app and even switched to Daisy UI for testing and I have concluded that this is a Material Tailwind issues. I was wondering if anyone else is struggling with this issue and what have you done about it.

Kind regards, Filip Jurković

About this issue

Original URL
State: open
Created 9 months ago
Reactions: 7
Comments: 16

Commits related to this issue

downgrade next version to compile carousel, waiting for https://github.com/creativetimofficial/material-tailwind/issues/468 — committed to swiipius/Portfolio-2023 by swiipius 8 months ago

Most upvoted comments

I have the same issue. I managed to work around it by using an older version of next

"next": "13.5.3",

Anything newer than that gives me the same Maximum call stack size exceeded error

Deeds67 on Oct 9, 2023

When using Material Tailwind, downgrading the next version to 13.5.3 solves the problem. 13.5.4 or higher will cause an error. v13.5.7-canary.9 as well.

NPJigaK on Oct 20, 2023

Can you assign this issue to me?

kdy1 on Oct 24, 2023