Skip to content

[EuiBottomBar] document is not defined when using server rendering #5656

@smith

Description

@smith

When attempting to use EuiBottomBar in a Remix app, the following error occurs when rendering on the server:

ReferenceError: document is not defined
    at new EuiPortal (/Users/smith/Code/remix-iowajs-slides/node_modules/@elastic/eui/lib/components/portal/portal.js:65:24)
    at processChild (/Users/smith/Code/remix-iowajs-slides/node_modules/react-dom/cjs/react-dom-server.node.development.js:3305:14)
    at resolve (/Users/smith/Code/remix-iowajs-slides/node_modules/react-dom/cjs/react-dom-server.node.development.js:3270:5)
    at ReactDOMServerRenderer.render (/Users/smith/Code/remix-iowajs-slides/node_modules/react-dom/cjs/react-dom-server.node.development.js:3753:22)
    at ReactDOMServerRenderer.read (/Users/smith/Code/remix-iowajs-slides/node_modules/react-dom/cjs/react-dom-server.node.development.js:3690:29)
    at renderToString (/Users/smith/Code/remix-iowajs-slides/node_modules/react-dom/cjs/react-dom-server.node.development.js:4298:27)
    at handleRequest (/Users/smith/Code/remix-iowajs-slides/server/build/index.js:389:51)
    at renderDocumentRequest (/Users/smith/Code/remix-iowajs-slides/node_modules/@remix-run/server-runtime/server.js:404:18)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async requestHandler (/Users/smith/Code/remix-iowajs-slides/node_modules/@remix-run/server-runtime/server.js:55:20)

The error message looks similar to #4807.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions