Revert "refactor(client): remove react"

This reverts commit 74b7c75.

Author: hiroppy

packages/client/src/components/Canvas.js

@@ -1,4 +1,4 @@
-import { memo, useState, useRef, useEffect } from 'react';
+import React, { memo, useState, useRef, useEffect } from 'react';
 import CanvasDraw from 'react-canvas-draw';
 import { FaEraser, FaUndo } from 'react-icons/fa';
 import { MdDelete } from 'react-icons/md';

packages/client/src/components/CommentsList.js

@@ -1,4 +1,4 @@
-import { memo, useState, useEffect } from 'react';
+import React, { memo, useState, useEffect } from 'react';
 import posed, { PoseGroup } from 'react-pose';
 import IntlRelativeFormat from 'intl-relativeformat';
 import '../../assets/style/commentsList.css';

packages/client/src/components/ContentView/Base.js

@@ -1,4 +1,4 @@
-import { useEffect, memo } from 'react';
+import React, { useEffect, memo } from 'react';
 import Prism from 'prismjs';
 import classnames from 'classnames';
 import { setup as setupWebSlides } from '../../setup/webSlides';

packages/client/src/components/ContentView/Host.js

@@ -2,7 +2,7 @@
  * Host for Presentation mode
  */
 
-import { memo, useState, useEffect } from 'react';
+import React, { memo, useState, useEffect } from 'react';
 import Modal from 'react-modal';
 import {
   FaTimes,

packages/client/src/components/ContentView/View.js

@@ -2,7 +2,7 @@
  * View for Presentation mode
  */
 
-import { memo, useEffect, useState } from 'react';
+import React, { memo, useEffect, useState } from 'react';
 import { Base } from './Base';
 import { Receiver as PresentationReceiver } from '../../presentationMode/Receiver';
 import { Canvas, listenCanvasEvent, getValue } from '../Canvas';

packages/client/src/components/Sidebar.js

@@ -1,4 +1,4 @@
-import { memo } from 'react';
+import React, { memo } from 'react';
 import { slide as Menu } from 'react-burger-menu';
 import screenfull from 'screenfull';
 import { FaTwitter, FaGithub } from 'react-icons/fa';

packages/client/src/components/Timeline.js

@@ -1,4 +1,4 @@
-import { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { Timeline as T, TimelineEvent } from 'react-event-timeline';
 
 export const Timeline = ({ items, url }) => {

packages/client/src/components/Timer.js

@@ -1,4 +1,4 @@
-import { memo, useState, useEffect } from 'react';
+import React, { memo, useState, useEffect } from 'react';
 import { FaPlay, FaStop, FaRegHourglass } from 'react-icons/fa';
 import { formatTime } from '../utils/formatTime';
 

packages/client/src/components/ToC.js

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export const ToC = ({ list }) => () => (
   <div className="toc size-70 aligncenter">
     <ol>

packages/client/src/components/external/Block.js

@@ -1 +1,3 @@
+import React from 'react';
+
 export const Block = ({ children }) => <div className="slide-top content-left">{children}</div>;

packages/client/src/components/external/Card.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import cx from 'classnames';
 
 const createElement = (elm) => {

packages/client/src/components/external/Card.stories.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { Card } from './Card';
 

packages/client/src/components/external/Code.js

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export const Code = ({ children, language = 'js' }) => (
   <pre className={`language-${language}`}>
     <code>{children}</code>

packages/client/src/components/external/Flex.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import cx from 'classnames';
 
 export const Flex = ({ items = [], className }) => (

packages/client/src/components/external/Img.js

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export const Img = ({ src, children, overlay = true }) => (
   <figure>
     {overlay ? <div className="overlay">{children}</div> : <figcaption>{children}</figcaption>}

packages/client/src/entryPoints/Client.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { render, hydrate } from 'react-dom';
 import { fetchSlides } from '../utils/fetchSlides';
 import { setTargetBlank } from '../utils/targetBlank';

packages/client/src/entryPoints/Server.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { renderToString } from 'react-dom/server';
 import { AppContainer } from '../components/AppContainer';
 import { fetchSlides } from '../utils/fetchSlides';