Let's say if you want window.localStorage.length to be rendered, you would do something like this:

"use client"
export const Component = () => (
  <div>
    {typeof window !== "undefined" && localStorage.length}
  </div>
);

But the component would initially render as an empty div then change to the actual content (with a hydration mismatch warning).

Is there a way I can render this component as if it is server side rendered? I don't want the content to re-render on the client.