Fixed issue with sighting list, although I hate my solution.

src/components/Main.js

@@ -353,7 +353,7 @@ class ResponsiveDrawer extends React.Component {
                                 <Route path="/" component={Home} exact={true} />
                                 <Route path="/report" component={Report} />
                                 <Route path="/view-map" component={ViewMap} />
-                          <Route path="/sighting-list" component={SightingList} />
+                                <Route path="/sighting-list" component={SightingList} key={this.state.themeName} />
                                 <Route path="/about" component={About} />
                                 <Route path="/contact" component={Contact} />
                                 <Route path="/quiz-easy" component={Quiz} key={"Easy"} />

src/components/list/ViewSightings.js

@@ -64,24 +64,6 @@ class ViewSightings extends Component {
         clicked: false
     };
 
-    componentDidUpdate(props) {
-        if (this.props.themeName !== props.themeName) {
-            this.setState({
-                selectedSighting: {
-                    id: null,
-                    lat: null,
-                    lng: null,
-                    desc: null,
-                    type: null,
-                    confidence: null,
-                    date: null,
-                    time: null
-                },
-                clicked: false
-            });
-        }
-    }
-
     render() {
         return (
             <Fragment>