Editor-core - "cannot update a component from inside the function body"

Atlassian Developer Tools
1

Hi! I’m trying to use the editor-core repo in a basic electron app.

I inserted it into my app and see the error Cannot update a component from inside the function body (see error documentation here https://github.com/facebook/react/issues/18147). Steps to replication are:

  1. Clone this electron-react boilerplate GitHub - electron-react-boilerplate/electron-react-boilerplate: A Foundation for Scalable Cross-Platform Apps
  2. yarn add @atlaskit/editor-core @atlaskit/media-core @atlaskit/smart-card react-intl
  3. Replace Home.tsx with:
import React from 'react';
import { Link } from 'react-router-dom';

import {
  Editor,
  EditorContext,
  ReactEditorView
} from '@atlaskit/editor-core'

import routes from '../constants/routes.json';
import styles from './Home.css';

export default function Home() {
  return (
    <div className={styles.container} data-tid="container">
      <h2>Home</h2>
      <EditorContext>
      	<Editor />
      </EditorContext>
      <Link to={routes.COUNTER}>to Counter</Link>
    </div>
  );
}
  1. yarn dev

The error appears in the sidebar. Any suggestions for fixing?