Support for SSR

Hello.

This module doesn’t support server side rendering. When building on Netlify or on local production, I get an error that says “‘window’ is not available during server side rendering”, and a bunch of code that is returned from the EditorJS plugin(s).

This is how I currently fixed this:

const MyComponent = () => {
  if (typeof window !== 'undefined') {
    const Editor = require('./editor').default;

    return <Editor />;
  }

  return null;
};

Even though this works, it’s very ‘hacky’. Please fix this.

I’m using GatsbyJS version 2.23.12.

[thealpha93]

Using the require statement in the useEffect hook solved this issue for me in Nextjs. Thanks

import {useEffect} from 'react'


export default function editor() {
    useEffect(() => {
        const Editorjs = require('@editorjs/editorjs')
        new Editorjs('editorjs')
    }, [])


    return(
        <div id='editorjs'></div>
    )
}

[HaNdTriX]

This should work:

const EditorJs = dynamic(() => import("react-editor-js"), {
  ssr: false,
  loading: () => <p>loading editor.js ...</p>,
});