React.jsの箇所だけ表示ができません

発生している問題

React.jsを含んだページをウェブ上にアップしたところ、以下のようなエラーが発生しました。

上段のエラーUncaught Error: Minified React error #200ですが、リンク先にてTarget container is not a DOM element.と表示があったため、おそらくDOMエレメントに問題があるのだと思ってます。また下段のindex.jsに対するシンタックスエラーですが、こちらもちょうどReactDom.renderしている箇所と被ります。

本題

本題なのですが、このwebpackで一まとめにする際の元となるindex.jsを下記に記載します。

index.js

javaScript
1import React from 'react';
2import ReactDOM from 'react-dom';
3// import -- CSS
4import './css/reset.css';
5import './css/style.css';
6import './css/hello.css';
7import './css/clickbutton.css';
8import './css/countup.css';
9// import -- Components
10import Hello from './components/hello';
11import Clickbutton from './components/clickbutton';
12import Countup from './components/countup';
13
14// React Define constant
15const helloReact = document.querySelector('#hello');
16const clickEvent = document.querySelector('#clickbutton');
17const countup = document.querySelector('#countup');
18
19// React DOM.render
20ReactDOM.render(<Hello/>, helloReact);　
21ReactDOM.render(<Clickbutton/>, clickEvent);
22ReactDOM.render(<Countup/>, countup);