Webstudio
Log in

Join the Webstudio community

Updated 2 days ago

Minified React error

At a glance

The community member is experiencing an error with their custom code, specifically a "Minified React error #418". They have some GSAP animations on the page. The comments suggest that enabling the "Client only" flag in the HTML embed may help resolve the issue. Another community member had a similar problem and was able to fix it by transferring the code from the page settings to the canvas into the embed and turning on the "Client only" flag. The community members are also discussing the specific code causing the issue, which seems to be related to accessing DOM elements from the head before they are available. The root cause of the error appears to be that the code is placed in the head instead of the footer, as the community member initially thought.

Useful resources
bbeer_valera
·
Hello. Why sometimes I get this error and my custom code stops working?
Uncaught Error: Minified React error #418; visit https://react.dev/errors/418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

I have some GSAP animations on page
1
B
b
O
12 comments
BBogdan
Try to enable Client only flag in html embed
bbeer_valera
I had my code in page settings.
Now I transfered in on canvas into embed and seems like it worked out
OOleg Isonen
What's the code, mind pasting it here?
bbeer_valera
I am hosting my code on slater.app and first time I pasted link to page settings code field and got that errors.
Now I tried to paste link to code embed on the page and turned on Client only flag. Seems like it helped
OOleg Isonen
sure, I am just curious what was breaking it, because we are observing it some times and need to think of something that will work for everything
bbeer_valera
Sure, here it is:

https://slater.app/10105/22698.js
OOleg Isonen
that should have errored also without minified error
OOleg Isonen
you are accessing dom elements from the head when they aren't there yet
bbeer_valera
Yeah I missed that description in prject setting that it's a head code. I thought it's a footer code like in webflow. Now I understand source of errors
AAdam Muflihun
hi @Oleg Isonen how do I fix similar issue here? https://digital-marketing-toolkit.wstd.io/

should I enable the client only?
but the error seems to appear
OOleg Isonen
if you are mutating html from the script via embed def. enable client only
AAdam Muflihun
oh this one @Oleg Isonen thanks

https://docs.webstudio.is/university/core-components/html-embed#client-only
Add a reply
Sign up and join the conversation on Discord