Remove createElement imports and substitute Fragments

frontend-shared/src/hooks/test/use-element-should-close-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { useRef } from 'preact/hooks';
 import { act } from 'preact/test-utils';
 

frontend-shared/src/svg-icon.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import { useLayoutEffect, useRef } from 'preact/hooks';
 import propTypes from 'prop-types';
 

frontend-shared/src/test/svg-icon-test.js

-import { createElement, render } from 'preact';
+import { render } from 'preact';
 
 import { SvgIcon, availableIcons, registerIcons } from '../svg-icon';
 

src/annotator/adder.js

-import { createElement, render } from 'preact';
+import { render } from 'preact';
 
 import AdderToolbar from './components/adder-toolbar';
 import { isTouchDevice } from '../shared/user-agent';

src/annotator/components/adder-toolbar.js

 import classnames from 'classnames';
 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useShortcut } from '../../shared/shortcut';

src/annotator/components/buckets.js

-import { createElement } from 'preact';
 import classnames from 'classnames';
 import propTypes from 'prop-types';
 import scrollIntoView from 'scroll-into-view';

src/annotator/components/test/buckets-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import { checkAccessibility } from '../../../test-util/accessibility';
 

src/annotator/components/test/toolbar-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import Toolbar from '../toolbar';
 

src/annotator/components/toolbar.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
 import propTypes from 'prop-types';
-import { createElement } from 'preact';
 
 /**
  * @param {Object} props

src/annotator/plugin/bucket-bar.js

 import Delegator from '../delegator';
 
-import { createElement, render } from 'preact';
+import { render } from 'preact';
 import Buckets from '../components/buckets';
 
 import { anchorBuckets } from '../util/buckets';

src/annotator/plugin/pdf.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
 import debounce from 'lodash.debounce';
-import { Fragment, createElement, render } from 'preact';
+import { render } from 'preact';
 
 import * as pdfAnchoring from '../anchoring/pdf';
 import Delegator from '../delegator';
@@ -20,7 +20,7 @@ import PDFMetadata from './pdf-metadata';
  */
 function WarningBanner() {
   return (
-    <Fragment>
+    <>
       <div className="annotator-pdf-warning-banner__type">
         <SvgIcon
           name="caution"
@@ -38,7 +38,7 @@ function WarningBanner() {
         </a>{' '}
         in order to annotate with Hypothesis.
       </div>
-    </Fragment>
+    </>
   );
 }
 

src/annotator/test/adder-test.js

 import { act } from 'preact/test-utils';
-import { createElement } from 'preact';
 import { mount } from 'enzyme';
 
 import {

src/annotator/test/highlighter-test.js

-import { createElement, render } from 'preact';
+import { render } from 'preact';
 
 import {
   getBoundingClientRect,

src/annotator/toolbar.js

-import { createElement, createRef, render } from 'preact';
+import { createRef, render } from 'preact';
 
 import Toolbar from './components/toolbar';
 

src/shared/test/renderer-options-test.js

 import { createElement } from 'preact';
-
 import { setupBrowserFixes } from '../renderer-options';
 
 describe('shared/renderer-options', () => {

src/shared/test/shortcut-test.js

-import { createElement, render } from 'preact';
+import { render } from 'preact';
 import { act } from 'preact/test-utils';
 
 import { matchShortcut, installShortcut, useShortcut } from '../shortcut';

src/sidebar/components/Annotation.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/AnnotationActionBar.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/AnnotationBody.js

-import { createElement } from 'preact';
 import { useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/AnnotationDocumentInfo.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import * as annotationMetadata from '../helpers/annotation-metadata';

src/sidebar/components/AnnotationEditor.js

 import { normalizeKeyName } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import { useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/AnnotationHeader.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import { useMemo } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/AnnotationLicense.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 
 /**
  * Render information about CC licensing

src/sidebar/components/AnnotationMissing.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import AnnotationReplyToggle from './AnnotationReplyToggle';

src/sidebar/components/AnnotationPublishControl.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/AnnotationQuote.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { isOrphan, quote } from '../helpers/annotation-metadata';

src/sidebar/components/AnnotationReplyToggle.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import Button from './Button';

src/sidebar/components/AnnotationShareControl.js

 import { SvgIcon, useElementShouldClose } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import { useEffect, useRef, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/AnnotationShareInfo.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/AnnotationTimestamps.js

-import { createElement } from 'preact';
 import { useEffect, useMemo, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/AnnotationUser.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { isThirdPartyUser, username } from '../helpers/account-id';

src/sidebar/components/AnnotationView.js

-import { Fragment, createElement } from 'preact';
 import { useEffect, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 
@@ -82,7 +81,7 @@ function AnnotationView({ loadAnnotationsService, onLogin }) {
   ]);
 
   return (
-    <Fragment>
+    <>
       {fetchError && (
         // This is the same error shown if a direct-linked annotation cannot
         // be fetched in the sidebar. Fortunately the error message makes sense
@@ -90,7 +89,7 @@ function AnnotationView({ loadAnnotationsService, onLogin }) {
         <SidebarContentError errorType="annotation" onLoginRequest={onLogin} />
       )}
       <ThreadList thread={rootThread} />
-    </Fragment>
+    </>
   );
 }
 

src/sidebar/components/AutocompleteList.js

-import { createElement } from 'preact';
 import classnames from 'classnames';
 import { useMemo } from 'preact/hooks';
 import propTypes from 'prop-types';

src/sidebar/components/Button.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 /**

src/sidebar/components/Excerpt.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/FilterSelect.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import Menu from './Menu';

src/sidebar/components/FilterStatus.js

-import { createElement } from 'preact';
 import { useMemo } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/GroupList.js

-import { createElement } from 'preact';
 import { useMemo, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/GroupListItem.js

-import { Fragment, createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';
@@ -105,7 +104,7 @@ function GroupListItem({
       onClick={isSelectable ? focusGroup : toggleSubmenu}
       onToggleSubmenu={toggleSubmenu}
       submenu={
-        <Fragment>
+        <>
           <ul>
             {activityUrl && (
               <li>
@@ -143,7 +142,7 @@ function GroupListItem({
               This group is restricted to specific URLs.
             </p>
           )}
-        </Fragment>
+        </>
       }
     />
   );

src/sidebar/components/GroupListSection.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import GroupListItem from './GroupListItem';

src/sidebar/components/HelpPanel.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import { useCallback, useMemo, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/HypothesisApp.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import { useEffect, useMemo } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/LoggedOutMessage.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { withServices } from '../service-context';

src/sidebar/components/LoginPromptPanel.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/MarkdownEditor.js

 import classnames from 'classnames';
 import { SvgIcon, normalizeKeyName } from '@hypothesis/frontend-shared';
-import { createElement, createRef } from 'preact';
+import { createRef } from 'preact';
 import { useEffect, useMemo, useRef, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/MarkdownView.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import { useEffect, useMemo, useRef } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/Menu.js

@@ -4,7 +4,6 @@ import {
   normalizeKeyName,
   useElementShouldClose,
 } from '@hypothesis/frontend-shared';
-import { Fragment, createElement } from 'preact';
 import { useCallback, useEffect, useRef, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 
@@ -186,7 +185,7 @@ export default function Menu({
         </span>
       </button>
       {isOpen && (
-        <Fragment>
+        <>
           {menuArrow(arrowClass)}
           <div
             className={classnames(
@@ -203,7 +202,7 @@ export default function Menu({
               {children}
             </MenuKeyboardNavigation>
           </div>
-        </Fragment>
+        </>
       )}
     </div>
   );

src/sidebar/components/MenuItem.js

 import classnames from 'classnames';
 import { SvgIcon, normalizeKeyName } from '@hypothesis/frontend-shared';
-import { Fragment, createElement } from 'preact';
 import { useEffect, useRef } from 'preact/hooks';
 import propTypes from 'prop-types';
 
@@ -215,7 +214,7 @@ export default function MenuItem({
     );
   }
   return (
-    <Fragment>
+    <>
       {menuItem}
       {hasSubmenuVisible && (
         <Slider visible={/** @type {boolean} */ (isSubmenuVisible)}>
@@ -228,7 +227,7 @@ export default function MenuItem({
           </MenuKeyboardNavigation>
         </Slider>
       )}
-    </Fragment>
+    </>
   );
 }
 

src/sidebar/components/MenuKeyboardNavigation.js

 import { normalizeKeyName } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import { useEffect, useRef } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/MenuSection.js

-import { Fragment, createElement, toChildArray } from 'preact';
+import { toChildArray } from 'preact';
 import propTypes from 'prop-types';
 
 /** @typedef {import("preact").JSX.Element} JSXElement */
@@ -28,14 +28,14 @@ import propTypes from 'prop-types';
  */
 export default function MenuSection({ heading, children }) {
   return (
-    <Fragment>
+    <>
       {heading && <h2 className="MenuSection__heading">{heading}</h2>}
       <ul className="MenuSection__content">
         {toChildArray(children).map(child => (
           <li key={/** @type {JSXElement} **/ (child).key}>{child}</li>
         ))}
       </ul>
-    </Fragment>
+    </>
   );
 }
 

src/sidebar/components/ModerationBanner.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/NewNoteBtn.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/NotebookFilters.js

-import { createElement } from 'preact';
-
 import { useStoreProxy } from '../store/use-store';
 import { useUserFilterOptions } from './hooks/use-filter-options';
 

src/sidebar/components/NotebookResultCount.js

-import { createElement } from 'preact';
-
 import useRootThread from './hooks/use-root-thread';
 import { useStoreProxy } from '../store/use-store';
 import { countVisible } from '../helpers/thread';

src/sidebar/components/NotebookView.js

-import { createElement } from 'preact';
 import { useEffect } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/SearchInput.js

 import classnames from 'classnames';
-import { createElement } from 'preact';
 import { useRef, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/SelectionTabs.js

 import classnames from 'classnames';
 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/ShareAnnotationsPanel.js

-import { createElement, Fragment } from 'preact';
 import { SvgIcon } from '@hypothesis/frontend-shared';
 import propTypes from 'prop-types';
 
@@ -62,7 +61,7 @@ function ShareAnnotationsPanel({ analytics, toastMessenger }) {
       {sharingReady && (
         <div className="ShareAnnotationsPanel">
           {shareURI ? (
-            <Fragment>
+            <>
               <div className="ShareAnnotationsPanel__intro">
                 {notNull(focusedGroup).type === 'private' ? (
                   <p>
@@ -111,7 +110,7 @@ function ShareAnnotationsPanel({ analytics, toastMessenger }) {
                 shareURI={shareURI}
                 analyticsEventName={analytics.events.DOCUMENT_SHARED}
               />
-            </Fragment>
+            </>
           ) : (
             <p>
               These annotations cannot be shared because this document is not

src/sidebar/components/ShareLinks.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { withServices } from '../service-context';

src/sidebar/components/SidebarContentError.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import classnames from 'classnames';
 import propTypes from 'prop-types';
 

src/sidebar/components/SidebarPanel.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import { useEffect, useRef } from 'preact/hooks';
 import propTypes from 'prop-types';
 import scrollIntoView from 'scroll-into-view';

src/sidebar/components/SidebarView.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 import { useEffect, useRef } from 'preact/hooks';
 

src/sidebar/components/Slider.js

-import { createElement } from 'preact';
 import { useCallback, useEffect, useRef, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/SortMenu.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 
 import { useStoreProxy } from '../store/use-store';
 

src/sidebar/components/Spinner.js

-import { createElement } from 'preact';
-
 /**
  * Loading indicator.
  */

src/sidebar/components/StreamSearchInput.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/StreamView.js

-import { createElement } from 'preact';
 import { useCallback, useEffect } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/TagEditor.js

@@ -3,7 +3,6 @@ import {
   normalizeKeyName,
   useElementShouldClose,
 } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import { useRef, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/TagList.js

-import { createElement } from 'preact';
 import { useMemo } from 'preact/hooks';
 import propTypes from 'prop-types';
 

src/sidebar/components/Thread.js

 import classnames from 'classnames';
-import { createElement, Fragment } from 'preact';
 import { useCallback, useMemo } from 'preact/hooks';
 
 import propTypes from 'prop-types';
@@ -64,7 +63,7 @@ function Thread({ showDocumentInfo = false, thread, threadsService }) {
   const annotationContent = useMemo(() => {
     if (showAnnotation) {
       return (
-        <Fragment>
+        <>
           <ModerationBanner annotation={thread.annotation} />
           <Annotation
             annotation={thread.annotation}
@@ -75,7 +74,7 @@ function Thread({ showDocumentInfo = false, thread, threadsService }) {
             showDocumentInfo={showDocumentInfo}
             threadIsCollapsed={thread.collapsed}
           />
-        </Fragment>
+        </>
       );
     } else if (showMissingAnnotation) {
       return (

src/sidebar/components/ThreadCard.js

 import classnames from 'classnames';
 import debounce from 'lodash.debounce';
-import { createElement } from 'preact';
 import { useCallback, useMemo } from 'preact/hooks';
 
 import propTypes from 'prop-types';

src/sidebar/components/ThreadList.js

-import { createElement } from 'preact';
 import { useEffect, useLayoutEffect, useMemo, useState } from 'preact/hooks';
 import propTypes from 'prop-types';
 import debounce from 'lodash.debounce';

src/sidebar/components/ToastMessages.js

 import classnames from 'classnames';
 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { useStoreProxy } from '../store/use-store';

src/sidebar/components/TopBar.js

-import { Fragment, createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import bridgeEvents from '../../shared/bridge-events';
@@ -79,7 +78,7 @@ function TopBar({
   };
 
   const loginControl = (
-    <Fragment>
+    <>
       {auth.status === 'unknown' && (
         <span className="TopBar__login-links">⋯</span>
       )}
@@ -103,7 +102,7 @@ function TopBar({
       {auth.status === 'logged-in' && (
         <UserMenu auth={auth} onLogout={onLogout} />
       )}
-    </Fragment>
+    </>
   );
 
   return (

src/sidebar/components/Tutorial.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import isThirdPartyService from '../helpers/is-third-party-service';

src/sidebar/components/UserMenu.js

 import { SvgIcon } from '@hypothesis/frontend-shared';
-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import bridgeEvents from '../../shared/bridge-events';

src/sidebar/components/VersionInfo.js

-import { createElement } from 'preact';
 import propTypes from 'prop-types';
 
 import { copyText } from '../util/copy-to-clipboard';

src/sidebar/components/hooks/test/use-filter-options-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import { useUserFilterOptions } from '../use-filter-options';
 import { $imports } from '../use-filter-options';

src/sidebar/components/hooks/test/use-root-thread-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import useRootThread from '../use-root-thread';
 import { $imports } from '../use-root-thread';

src/sidebar/components/test/Annotation-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import * as fixtures from '../../test/annotation-fixtures';
 

src/sidebar/components/test/AnnotationActionBar-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import AnnotationActionBar from '../AnnotationActionBar';

src/sidebar/components/test/AnnotationBody-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import * as fixtures from '../../test/annotation-fixtures';

src/sidebar/components/test/AnnotationDocumentInfo-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import * as fixtures from '../../test/annotation-fixtures';
 import AnnotationDocumentInfo from '../AnnotationDocumentInfo';

src/sidebar/components/test/AnnotationEditor-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import * as fixtures from '../../test/annotation-fixtures';

src/sidebar/components/test/AnnotationHeader-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import * as fixtures from '../../test/annotation-fixtures';
 import AnnotationHeader from '../AnnotationHeader';

src/sidebar/components/test/AnnotationMissing-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import AnnotationMissing, { $imports } from '../AnnotationMissing';
 

src/sidebar/components/test/AnnotationPublishControl-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import * as fixtures from '../../test/annotation-fixtures';
 import AnnotationPublishControl from '../AnnotationPublishControl';

src/sidebar/components/test/AnnotationQuote-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import AnnotationQuote from '../AnnotationQuote';
 import { $imports } from '../AnnotationQuote';

src/sidebar/components/test/AnnotationReplyToggle-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import AnnotationReplyToggle from '../AnnotationReplyToggle';

src/sidebar/components/test/AnnotationShareControl-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import AnnotationShareControl from '../AnnotationShareControl';

src/sidebar/components/test/AnnotationShareInfo-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import * as fixtures from '../../test/annotation-fixtures';
 import AnnotationShareInfo from '../AnnotationShareInfo';

src/sidebar/components/test/AnnotationTimestamps-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import * as fixtures from '../../test/annotation-fixtures';
 import { act } from 'preact/test-utils';
 

src/sidebar/components/test/AnnotationUser-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import AnnotationUser from '../AnnotationUser';
 import { $imports } from '../AnnotationUser';

src/sidebar/components/test/AnnotationView-test.js

-import { createElement } from 'preact';
 import { mount } from 'enzyme';
 
 import { waitFor } from '../../../test-util/wait';

src/sidebar/components/test/AutocompletList-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import AutocompleteList from '../AutocompleteList';
 import { $imports } from '../AutocompleteList';

src/sidebar/components/test/Button-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import Button from '../Button';
 import { $imports } from '../Button';

src/sidebar/components/test/Excerpt-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import Excerpt from '../Excerpt';

src/sidebar/components/test/FilterSelect-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import FilterSelect from '../FilterSelect';
 import { $imports } from '../FilterSelect';

src/sidebar/components/test/FilterStatus-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import FilterStatus, { $imports } from '../FilterStatus';
 

src/sidebar/components/test/GroupList-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import GroupList from '../GroupList';

src/sidebar/components/test/GroupListItem-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import { events } from '../../services/analytics';

src/sidebar/components/test/GroupListSection-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import GroupListSection from '../GroupListSection';
 import { $imports } from '../GroupListSection';

src/sidebar/components/test/HelpPanel-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import HelpPanel from '../HelpPanel';

src/sidebar/components/test/HypothesisApp-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import bridgeEvents from '../../../shared/bridge-events';
 import mockImportedComponents from '../../../test-util/mock-imported-components';

src/sidebar/components/test/LoggedOutMessage-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import LoggedOutMessage from '../LoggedOutMessage';
 import { $imports } from '../LoggedOutMessage';

src/sidebar/components/test/LoginPromptPanel-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import LoginPromptPanel from '../LoginPromptPanel';
 import { $imports } from '../LoginPromptPanel';

src/sidebar/components/test/MarkdownEditor-test.js

 import { mount } from 'enzyme';
-import { createElement, render } from 'preact';
+import { render } from 'preact';
 import { act } from 'preact/test-utils';
 
 import { LinkType } from '../../markdown-commands';

src/sidebar/components/test/MarkdownView-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import MarkdownView from '../MarkdownView';
 import { $imports } from '../MarkdownView';

src/sidebar/components/test/Menu-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import Menu from '../Menu';

src/sidebar/components/test/MenuItem-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import MenuItem from '../MenuItem';

src/sidebar/components/test/MenuKeyboardNavigation-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import MenuKeyboardNavigation from '../MenuKeyboardNavigation';
 import { $imports } from '../MenuKeyboardNavigation';

src/sidebar/components/test/MenuSection-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import MenuSection from '../MenuSection';
 import { $imports } from '../MenuSection';

src/sidebar/components/test/ModerationBanner-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import * as fixtures from '../../test/annotation-fixtures';
 import ModerationBanner from '../ModerationBanner';

src/sidebar/components/test/NewNoteBtn-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import NewNoteButton from '../NewNoteBtn';

src/sidebar/components/test/NotebookFilters-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import NotebookFilters from '../NotebookFilters';
 import { $imports } from '../NotebookFilters';

src/sidebar/components/test/NotebookResultCount-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import NotebookResultCount from '../NotebookResultCount';
 import { $imports } from '../NotebookResultCount';

src/sidebar/components/test/NotebookView-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import mockImportedComponents from '../../../test-util/mock-imported-components';
 

src/sidebar/components/test/SearchInput-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import SearchInput from '../SearchInput';
 import { $imports } from '../SearchInput';

src/sidebar/components/test/SelectionTabs-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import SelectionTabs from '../SelectionTabs';
 import { $imports } from '../SelectionTabs';

src/sidebar/components/test/ShareAnnotationsPanel-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import ShareAnnotationsPanel from '../ShareAnnotationsPanel';
 import { $imports } from '../ShareAnnotationsPanel';

src/sidebar/components/test/ShareLinks-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import ShareLinks from '../ShareLinks';
 import { $imports } from '../ShareLinks';

src/sidebar/components/test/SidebarContentError-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import SidebarContentError from '../SidebarContentError';
 import { $imports } from '../SidebarContentError';

src/sidebar/components/test/SidebarPanel-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import SidebarPanel from '../SidebarPanel';
 import { $imports } from '../SidebarPanel';

src/sidebar/components/test/SidebarView-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import SidebarView from '../SidebarView';
 import { $imports } from '../SidebarView';

src/sidebar/components/test/SortMenu-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import SortMenu from '../SortMenu';
 import { $imports } from '../SortMenu';

src/sidebar/components/test/Spinner-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import Spinner from '../Spinner';
 

src/sidebar/components/test/StreamSearchInput-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import StreamSearchInput from '../StreamSearchInput';

src/sidebar/components/test/StreamView-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import mockImportedComponents from '../../../test-util/mock-imported-components';
 import { waitFor } from '../../../test-util/wait';

src/sidebar/components/test/TagEditor-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import AutocompleteList from '../AutocompleteList';

src/sidebar/components/test/TagList-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import TagList from '../TagList';
 import { $imports } from '../TagList';

src/sidebar/components/test/Thread-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import Thread from '../Thread';

src/sidebar/components/test/ThreadCard-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import ThreadCard from '../ThreadCard';
 import { $imports } from '../ThreadCard';

src/sidebar/components/test/ThreadList-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import ThreadList from '../ThreadList';

src/sidebar/components/test/ToastMessages-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import mockImportedComponents from '../../../test-util/mock-imported-components';

src/sidebar/components/test/TopBar-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import bridgeEvents from '../../../shared/bridge-events';
 import TopBar from '../TopBar';

src/sidebar/components/test/Tutorial-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import Tutorial from '../Tutorial';
 import { $imports } from '../Tutorial';

src/sidebar/components/test/UserMenu-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import bridgeEvents from '../../../shared/bridge-events';
 import UserMenu from '../UserMenu';

src/sidebar/components/test/VersionInfo-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import VersionInfo from '../VersionInfo';
 import { $imports } from '../VersionInfo';

src/sidebar/components/test/slider-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 
 import Slider from '../Slider';
 

src/sidebar/index.js

@@ -99,7 +99,7 @@ import iconSet from './icons';
 registerIcons(iconSet);
 
 // The entry point component for the app.
-import { createElement, render } from 'preact';
+import { render } from 'preact';
 import HypothesisApp from './components/HypothesisApp';
 import { ServiceContext } from './service-context';
 

src/sidebar/service-context.js

@@ -12,7 +12,7 @@
  * @typedef {import("redux").Store} Store
  */
 
-import { createContext, createElement } from 'preact';
+import { createContext } from 'preact';
 import { useContext } from 'preact/hooks';
 
 /**

src/sidebar/store/test/use-store-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { act } from 'preact/test-utils';
 
 import createStore from '../create-store';

src/sidebar/test/integration/threading-test.js

 import { mount } from 'enzyme';
-import { createElement } from 'preact';
 import { useReducer } from 'preact/hooks';
 import { act } from 'preact/test-utils';
 

src/sidebar/test/service-context-test.js

 import { mount } from 'enzyme';
-import { createElement, render } from 'preact';
+import { render } from 'preact';
 import propTypes from 'prop-types';
 
 import { ServiceContext, withServices, useService } from '../service-context';