sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: fix next.js example (#6241)

Browse Source
This commit is contained in:
David Luzar 2023-02-15 15:14:15 +01:00 committed by GitHub
parent c587b85b4e
commit b107c9af2a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
dev-docs/docs/@excalidraw/excalidraw/integration.mdx
View File

@ -34,14 +34,16 @@ function App() {
Since _Excalidraw_ doesn't support server side rendering, you should render the component once the host is `mounted`. Since _Excalidraw_ doesn't support server side rendering, you should render the component once the host is `mounted`.
The following worfklow shows one way how to render Excalidraw on Next.js. We'll add more detailed and alternative Next.js examples, soon.
```jsx showLineNumbers ```jsx showLineNumbers
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
export default function App() { export default function App() {
const [Comp, setComp] = useState(null); const [Excalidraw, setExcalidraw] = useState(null);
useEffect(() => { useEffect(() => {
import("@excalidraw/excalidraw").then((comp) => setComp(comp.default)); import("@excalidraw/excalidraw").then((comp) => setExcalidraw(comp.Excalidraw));
}, []); }, []);
return <>{Comp && <Comp />}</>; return <>{Excalidraw && <Excalidraw />}</>;
} }
``` ```