cleanup w new version of react

src/App.tsx

@@ -7,8 +7,7 @@
  */
 
 import { useState } from "react";
-// eslint-disable-next-line
+import { Route, withRouter, Switch, RouteComponentProps } from "react-router-dom";
-import { BrowserRouter as Router, Route, withRouter, Switch, RouteComponentProps } from "react-router-dom";
 import "./App.css";
 import Page404 from "./pages/404";
 import Chapter from "./components/Chapter";
@@ -44,10 +43,12 @@ function App(props: RouteComponentProps) {
   }
   useEffect(() => {
     logAnalytics();
+    // eslint-disable-next-line
   }, []);
   useEffect(() => {
     window.scroll(0, 0);
     logAnalytics();
+    // eslint-disable-next-line
   }, [props.location.pathname, user]);
   return (
     <>

src/components/Chapter.js

@@ -6,7 +6,6 @@
  *
  */
 
-import React from "react";
 import TableOfContents from "./TableOfContents";
 import Footer from "./Footer";
 

src/components/Chart.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import {
     Types as T,
     Examples,

src/components/Footer.js

@@ -6,9 +6,7 @@
  *
  */
 
-import React from "react";
+import { Link } from "react-router-dom";
-// eslint-disable-next-line
-import { BrowserRouter as Router, Link } from "react-router-dom";
 import leftChevron from "./chevron_left-24px.svg";
 import rightChevron from "./chevron_right-24px.svg";
 

src/components/GenderTable.js

@@ -1,4 +1,3 @@
-import React from "react";
 import {
     InlinePs,
     defaultTextOptions as opts,

src/components/Header.js

@@ -6,9 +6,7 @@
  *
  */
 
-import React from "react";
+import { Link } from "react-router-dom";
-// eslint-disable-next-line
-import { BrowserRouter as Router, Link } from "react-router-dom";
 import { useUser } from "../user-context";
 
 const hamburger = <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">

src/components/InlineInflectionButton.js

@@ -1,4 +1,3 @@
-import React from "react";
 import buttonUnpressed from "../images/button-unpressed.png";
 import buttonHalfPressed from "../images/button-half-pressed.png";
 import buttonFullyPressed from "../images/button-fully-pressed.png";

src/components/Sidebar.js

@@ -6,9 +6,8 @@
  *
  */
 
-import React, { useState } from "react";
+import { useState } from "react";
-// eslint-disable-next-line
+import { Link } from "react-router-dom";
-import { BrowserRouter as Router, Link } from "react-router-dom";
 import classNames from "classnames";
 import SmoothCollapse from "react-smooth-collapse";
 

src/components/Table.js

@@ -1,4 +1,3 @@
-import React from "react";
 import {
     Examples,
 } from "@lingdocs/pashto-inflector";

src/components/TableOfContents.js

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import { NavHashLink } from 'react-router-hash-link';
 import Scrollspy from 'react-scrollspy';
 

src/components/formula/Formula.js

@@ -1,4 +1,3 @@
-import React from "react";
 // import "./formula.css";
 // import teacher from "./teacher-small.png";
 

src/components/phonetics/PhoneticsViewer.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { Component } from "react";
 import classNames from "classnames";
 import highlightExample from "./highlight-example";
 import {
@@ -16,7 +16,7 @@ interface IAppState {
   view: ViewOptions;
 }
 
-class PhoneticsViewer extends React.Component<any, IAppState> {
+class PhoneticsViewer extends Component<any, IAppState> {
   constructor(props: any) {
     super(props);
     this.state = {

src/components/phonetics/phonemes.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Types as T } from "@lingdocs/pashto-inflector";
 
 interface ILetter {

src/content/sandwiches/sandwiches.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import {
     Types as T,
 } from "@lingdocs/pashto-inflector";

src/games/GameDisplay.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useUser } from "../user-context";
 
 function GameDisplay({ record: { title, Game, id } }: { record: GameRecord }) {

src/games/games.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import GenderGame from "./sub-cores/GenderGame";
 import UnisexNounGame from "./sub-cores/UnisexNounGame";
 

src/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 import * as serviceWorkerRegistration from './serviceWorkerRegistration';
@@ -9,13 +9,13 @@ import "@fortawesome/fontawesome-free/css/all.css";
 import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
-  <React.StrictMode>
+  <StrictMode>
     <Router>
       <UserProvider>
         <App />
       </UserProvider>
     </Router>
-  </React.StrictMode>,
+  </StrictMode>,
   document.getElementById('root')
 );
 

src/lib/psmd.js

@@ -1,4 +1,3 @@
-import React from "react";
 import Markdown from "markdown-to-jsx";
 
 export default function mdps(input) {

src/pages/TableOfContentsPage.js

@@ -6,7 +6,6 @@
  *
  */
 
-import React from 'react';
 import { Link } from "react-router-dom";
 import Footer from "../components/Footer";
 import { content } from "../content/index";