11 replies

window is not defined inside Suspense boundary.

I am loading a component with

React.lazy()

React.lazy()

that uses

window.location.origin

window.location.origin

inside <Suspense> boundary like this.

const LinkCreateForm = React.lazy(() => import("../components/LinkCreateForm"));

const LinkCreateForm = React.lazy(() => import("../components/LinkCreateForm"));

<React.Suspense fallback={<div>loading...</div>}><LinkCreateForm /></React.Suspense>

<React.Suspense fallback={<div>loading...</div>}><LinkCreateForm /></React.Suspense>

Its showing

window is not defined

window is not defined

on initial load. What could be the reason? Any help is appreciated.

11 replies

I am loading a component with

React.lazy()

React.lazy()

that uses

window.location.origin

window.location.origin

inside <Suspense> boundary like this.

const LinkCreateForm = React.lazy(() => import("../components/LinkCreateForm"));

const LinkCreateForm = React.lazy(() => import("../components/LinkCreateForm"));

<React.Suspense fallback={<div>loading...</div>}><LinkCreateForm /></React.Suspense>

<React.Suspense fallback={<div>loading...</div>}><LinkCreateForm /></React.Suspense>

Its showing

window is not defined

window is not defined

on initial load. What could be the reason? Any help is appreciated.