Breaking in NextJs (SSR): Changes from Pull request #124 are not present in latest src

[samratarmas]

Hello team,

There was a merge of pull request #124 to address ssr last year, however, the latest source code is missing those changes.

Currently flowbite-react in Nextjs results in numerous errors all related to code accesing document or window when it is not yet present. You can replicate this yourself by importing modal components inside nextjs app. The error that I am getting is:

ReferenceError: document is not defined at ModalComponent (webpack-internal:///(sc_client)/../../node_modules/flowbite-react/lib/cjs/components/Modal/Modal.js:17:50)

This error stems from the line:
root = document.body present in Modal.tsx

Originally posted by @samratarmas in #123 (comment)

[tulup-conner]

Well.. that's interesting.

Fixing this along with #611, ergo, 0.4.0

[tulup-conner]

#495 @rluders This was the problematic PR

[tulup-conner]

@samratarmas The fix has been introduced with the above PR, but I can't control release flow, so if you can't wait to use the new version when it's actually released, consider using patch-package to add the commit temporarily to your repo

[rluders]

We should probably introduce some specific tests for nextjs ssr

[rluders]

Thanks, @samratarmas. I understand the concerns about NextJS and mainly the SSR functionality. We should find a solution to this.

However, using cookies is out of the question, it raises some GRPD problems, so IMHO this is out of the table. We probably need to find some other approach to solve this issue, and we do have an issue related to Server Components (#448), the best is to discuss any possible approach over there.

Also, I think that we have a technical limitation here, 'cause if I'm not wrong cookies can store something around 4KB of data... and the theme is 42KB (unminified).