Use modern jsx transform approach

.eslintrc

@@ -38,6 +38,8 @@
       "ignoreStrings": true,
       "ignoreTemplateLiterals": true,
       "ignoreRegExpLiterals": true
-    }]
+    }],
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
   }
 }

__tests__/src/components/AccessTokenSender.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import { AccessTokenSender } from '../../../src/components/AccessTokenSender';
 

__tests__/src/components/AnnotationSettings.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import MiradorMenuButton from '../../../src/containers/MiradorMenuButton';
 import { AnnotationSettings } from '../../../src/components/AnnotationSettings';

__tests__/src/components/AnnotationsOverlay.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import OpenSeadragon from 'openseadragon';
 import { Utils } from 'manifesto.js';

__tests__/src/components/App.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import PluginProvider from '../../../src/extend/PluginProvider';
 import AppProviders from '../../../src/containers/AppProviders';

__tests__/src/components/AppProviders.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import { ThemeProvider, StylesProvider } from '@material-ui/core/styles';
 import { DndContext, DndProvider } from 'react-dnd';

__tests__/src/components/AttributionPanel.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Typography from '@material-ui/core/Typography';
 import Link from '@material-ui/core/Link';

__tests__/src/components/AudioViewer.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import { AudioViewer } from '../../../src/components/AudioViewer';
 

__tests__/src/components/BackgroundPluginArea.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import { BackgroundPluginArea } from '../../../src/components/BackgroundPluginArea';
 import { PluginHook } from '../../../src/components/PluginHook';

__tests__/src/components/Branding.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Typography from '@material-ui/core/Typography';
 import IconButton from '@material-ui/core/IconButton';

__tests__/src/components/CanvasAnnotations.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Typography from '@material-ui/core/Typography';
 import Chip from '@material-ui/core/Chip';

__tests__/src/components/CanvasInfo.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Typography from '@material-ui/core/Typography';
 import { CanvasInfo } from '../../../src/components/CanvasInfo';

__tests__/src/components/CanvasLayers.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Input from '@material-ui/core/Input';
 import Slider from '@material-ui/core/Slider';

__tests__/src/components/ChangeThemeDialog.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Dialog from '@material-ui/core/Dialog';
 import ListItemText from '@material-ui/core/ListItemText';

__tests__/src/components/CollapsibleSection.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Typography from '@material-ui/core/Typography';
 import MiradorMenuButton from '../../../src/containers/MiradorMenuButton';

__tests__/src/components/CollectionDialog.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';

__tests__/src/components/CollectionInfo.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Button from '@material-ui/core/Button';
 import { CollectionInfo } from '../../../src/components/CollectionInfo';

__tests__/src/components/CompanionArea.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import Slide from '@material-ui/core/Slide';
 import ArrowLeftIcon from '@material-ui/icons/ArrowLeftSharp';

__tests__/src/components/CompanionWindow.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import { Rnd } from 'react-rnd';
 import MiradorMenuButton from '../../../src/containers/MiradorMenuButton';

__tests__/src/components/CompanionWindowFactory.test.js

-import React from 'react';
 import { shallow } from 'enzyme';
 import WindowSideBarInfoPanel from '../../../src/containers/WindowSideBarInfoPanel';
 import WindowSideBarCanvasPanel from '../../../src/containers/WindowSideBarCanvasPanel';