Next 11 compatibility and flashing issues

[equinusocio]

It seems that this package doesn't work with nextjs 11.

Bug

I'm doing SSG with next 11.1.2 and gh-pages, but the theme is still flashing. For example, if you have a dark theme on the OS level, and you set the website to be light, you will see the dark one flashing before loading the light one and applying the data attribute.

Cause

I've checked other websites using this packages, and they are all using next 10. Also, maybe this can be the issue here, the script tag inside head is generated with a wrong and hashed type on next 11, this doesn't occur with next 10.

This is the screen viewing the page source.

Another issue is that this package still puts scripts inside Head, while on next 11 we should use the Script component

Live

https://design.wonderflow.ai/

Repository

https://github.com/wonderflow-bv/design