removing auth dependency from shared authorized ui

src/pages/Login.tsx

@@ -1,10 +1,11 @@
-import { RedirectLoginOptions, useAuth0 } from "@auth0/auth0-react";
+import { RedirectLoginOptions } from "@auth0/auth0-react";
 // import { useAuth } from "hooks";
 import queryString from "query-string";
 import { useEffect } from "react";
 import { useLocation } from "react-router";
 // import Loading from "./Loading";
 import LoadingScreen from "app/LoadingScreen";
+import { useAuthContext } from "providers/authContext";
 
 // interface Props {
 //   prevPath?: string;
@@ -13,7 +14,7 @@ import LoadingScreen from "app/LoadingScreen";
 export default function Login() {
   // const { prevPath } = props;
   const location = useLocation();
-  const { loginWithRedirect } = useAuth0();
+  const { loginWithRedirect } = useAuthContext();
 
   // const setRouteBeforeLogin = useCallback((): Promise<string> => {
   //   return new Promise(function(resolve) {

src/providers/LoginButton.tsx

@@ -1,7 +1,7 @@
-import { useAuth0 } from '@auth0/auth0-react';
+import { useAuthContext } from './authContext';
 
 const LoginButton = () => {
-  const { loginWithRedirect } = useAuth0();
+  const { loginWithRedirect } = useAuthContext();
 
   return (
     <button onClick={() => loginWithRedirect()}>
@@ -10,4 +10,4 @@ const LoginButton = () => {
   );
 };
 
-export default LoginButton;
+export default LoginButton;

src/providers/authContext.tsx

@@ -1,9 +1,9 @@
-import { useAuth0 } from "@auth0/auth0-react"
+import { RedirectLoginOptions, useAuth0 } from "@auth0/auth0-react"
 import { createContext, PropsWithChildren, useContext } from "react"
 
 interface IAuthContext {
   isAuthenticated: boolean
-  loginWithRedirect: () => void
+  loginWithRedirect: (options?: RedirectLoginOptions) => void | Promise<void>
   logout: () => void
 }