Error: Component(...): Nothing was returned from render? about nextarter-chakra HOT 7 CLOSED

can you include the repo? It's hard to identify the problem just from the file you included here, it can be from outside _document.js.

Make sure to:

1. Remove tsconfig.json or rename tsconfig.json to jsconfig.json
2. If you use jsconfig.json and use absolute import, make sure it's configured properly
3. Any underlying components, utilities, etc are converted to js

But if I may ask, why do you transform it to normal js?

from nextarter-chakra.

Anyways, I was able to transform this template to js with slight modifications, you can see what I do at this branch:
https://github.com/sozonome/nextarter-chakra/tree/transform/js

changes: 035ce54

Hope this helps

from nextarter-chakra.

Thanks a lot. It's late over here so I will work on this tomorrow. Much appreciated !

from nextarter-chakra.

Thanks a lot. It's late over here so I will work on this tomorrow. Much appreciated !

No worries, happy to help 🙏 . Let me know if its resolved and I will close this issue.

from nextarter-chakra.

@sozonome I copied your code and is working perfectly. Thanks a lot for taking time and looking into this 🙏.

I would like to understand more what is happening here in _document.js with this caching. Is there a resource where I could learn what is happening here inside _document.js and especially for what reason?

Thanks,
Primoz

from nextarter-chakra.

@sozonome I copied your code and is working perfectly. Thanks a lot for taking time and looking into this 🙏.

I would like to understand more what is happening here in _document.js with this caching. Is there a resource where I could learn what is happening here inside _document.js and especially for what reason?

Thanks,
Primoz

It initally caused by flash of unstyled content issue (FOUC). But I think the current next.js / chakra-ui version already tackle it (either through experimental flag or else, I'll look onto it again, maybe I will remove this _document and emotion cache workaround if its not needed anymore).

References:

• https://griko.id/blog/prevent-fouc-on-next-js-chakra-ui
• https://github.com/mui-org/material-ui/blob/master/examples/nextjs-with-typescript/pages/_document.tsx

from nextarter-chakra.

@sozonome understood! I will be keeping my eye on the update.

from nextarter-chakra.