Upgrade to React 16

app/components/Editor/components/BlockInsert.js

@@ -1,6 +1,6 @@
 // @flow
 import React, { Component } from 'react';
-import Portal from 'react-portal';
+import { Portal } from 'react-portal';
 import { findDOMNode, Node } from 'slate';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
@@ -112,7 +112,7 @@ export default class BlockInsert extends Component {
     const style = { top: `${this.top}px`, left: `${this.left}px` };
 
     return (
-      <Portal isOpened>
+      <Portal>
         <Trigger active={this.active} style={style}>
           <PlusIcon onClick={this.handleClick} color={color.slate} />
         </Trigger>

app/components/Editor/components/Code.js

@@ -4,6 +4,7 @@ import styled from 'styled-components';
 import CopyButton from './CopyButton';
 import { color } from 'shared/styles/constants';
 import type { Props } from '../types';
+import 'shared/styles/prism.css';
 
 export default function Code({ children, node, readOnly, attributes }: Props) {
   const language = node.data.get('language') || 'javascript';

app/components/Editor/components/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 // @flow
 import React, { Component } from 'react';
-import Portal from 'react-portal';
+import { Portal } from 'react-portal';
 import styled from 'styled-components';
 import _ from 'lodash';
 import type { State } from '../../types';
@@ -118,7 +118,7 @@ export default class Toolbar extends Component {
     };
 
     return (
-      <Portal isOpened>
+      <Portal>
         <Menu active={this.state.active} innerRef={this.setRef} style={style}>
           {link &&
             <LinkToolbar