React/Preact compatibility cleanup

src/Icons.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 
 /**
  * Icon from IcoFont https://icofont.com/, licensed under the CC BY 4.0 license.

src/editor/Editor.jsx

@@ -1,5 +1,4 @@
-import React from 'preact/compat';
+import React, { useState, useRef, useEffect } from 'react';
-import { useState, useRef, useEffect } from 'preact/hooks';
 import { getWidget, DEFAULT_WIDGETS } from './widgets';
 import { TrashIcon } from '../Icons';
 import setPosition from './setPosition';

src/editor/useClickOutside.js

@@ -1,4 +1,4 @@
-import { useEffect } from 'preact/hooks';
+import { useEffect } from 'react';
 
 export default function useClickOutside(ref, callback) {
 

src/editor/widgets/WrappedWidget.jsx

@@ -1,4 +1,4 @@
-import React, { Component } from 'preact/compat';
+import React, { Component } from 'react';
 
 export default class WrappedWidget extends Component {
 

src/editor/widgets/comment/Comment.jsx

@@ -1,5 +1,4 @@
-import React from 'preact/compat';
+import React, { useState } from 'react';
-import { useState } from 'preact/hooks';
 import TimeAgo from 'timeago-react';
 import DropdownMenu from './DropdownMenu';
 import TextEntryField from './TextEntryField';

src/editor/widgets/comment/CommentWidget.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import Comment from './Comment';
 import TextEntryField from './TextEntryField';
 import i18n from '../../../i18n';

src/editor/widgets/comment/DropdownMenu.jsx

@@ -1,5 +1,4 @@
-import React from 'preact/compat';
+import React, { useRef } from 'react';
-import { useRef } from 'preact/hooks';
 import useClickOutside from '../../useClickOutside';
 import i18n from '../../../i18n';
 

src/editor/widgets/comment/PurposeSelect.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import Select from 'react-select';
 
 export const PURPOSES = [

src/editor/widgets/comment/TextEntryField.jsx

@@ -1,4 +1,4 @@
-import React, { Component } from 'preact/compat';
+import React, { Component } from 'react';
 import TextareaAutosize from 'react-autosize-textarea';
 import i18n from '../../../i18n';
 

src/editor/widgets/index.jsx

@@ -1,14 +1,16 @@
 import React from 'react';
+import ReactDOM from 'react-dom';
 import CommentWidget from './comment/CommentWidget'
 import TagWidget from './tag/TagWidget';
 import WrappedWidget from './WrappedWidget';
 
 /**
- * We'll add React to the global window, so that 
+ * We'll add React and ReactDOM to the global window, so that 
  * plugins can use it without re-bundling. Also,
  * without this, hooks won't work!
  */
 window.React = React;
+window.ReactDOM = ReactDOM;
 
 /** Standard widgets included by default **/
 const BUILTIN_WIDGETS = {

src/editor/widgets/tag/TagWidget.jsx

@@ -1,5 +1,4 @@
-import React from 'preact/compat';
+import React, { useState } from 'react';
-import { useState } from 'preact/hooks';
 import { CSSTransition } from 'react-transition-group';
 import { CloseIcon } from '../../../Icons';
 import i18n from '../../../i18n';