#Hi guys I need to on page load add a

1 messages · Page 1 of 1 (latest)

wheat plaza
#

So I tried something like this in page.tsx and it fails miserably:

  useEffect(() => {
    const styleAsText = 'body {background-color: powderblue;}\nh1   {color: blue;}\np    {color: red;} ';
    const xx = document.createElement("style");
    document.head.appendChild(xx);
    xx.innerHTML = styleAsText;
  }, []);

and obviously defeats any server side rendering