Rename state, delete import.

src/components/RestrictedRoute/RestrictedRoute.tsx

-import React, { useState, useEffect, useContext } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Route, Redirect, RouteProps } from 'react-router-dom';
-import { AuthRoutes, NonAuthRoutes } from 'api/routes';
+import { AuthRoutes } from 'api/routes';
 import { isAuthenticated } from 'api/isAuthenticated';
 import { CircularProgress } from '@material-ui/core';
 
@@ -21,7 +21,7 @@ type Props = {
 
 /* eslint-disable react/jsx-props-no-spreading */
 export const RestrictedRoute = ({ Component, path }: Props): JSX.Element => {
-  const [authUser, setAuthUser] = useState<boolean>(false);
+  const [isAuth, setIsAuth] = useState<boolean>(false);
   const [isLoading, setLoading] = useState<boolean>(false);
 
   useEffect(() => {
@@ -29,7 +29,7 @@ export const RestrictedRoute = ({ Component, path }: Props): JSX.Element => {
 
     isAuthenticated().then((state) => {
       if (isMounted) {
-        setAuthUser(state);
+        setIsAuth(state);
         setLoading(true);
       }
     });
@@ -45,7 +45,7 @@ export const RestrictedRoute = ({ Component, path }: Props): JSX.Element => {
     <Route
       path={path}
       render={(props: RouteProps) =>
-        !authUser ? (
+        !isAuth ? (
           // Redirect to component.
           <Component {...props} />
         ) : (