Redirecting to page that user logged in from about auth0-react-samples HOT 4 CLOSED

// client/src/main.jsx
import { Auth0Provider } from '@auth0/auth0-react';
import { auth0_domain, auth0_client_id, auth0_audience } from '../config';

ReactDOM.createRoot(document.getElementById('root')).render(
  <BrowserRouter>
    <Auth0Provider
      domain={auth0_domain}
      clientId={auth0_client_id}
      authorizationParams={{
        redirect_uri: window.location.origin,
      }}
      // audience={auth0_audience}
    >
        <App />
    </Auth0Provider>
  </BrowserRouter>
);

// client/src/components/LoginButton.jsx
import React, { useContext } from 'react';
import { useAuth0 } from '@auth0/auth0-react';
import { AppContext } from '../contexts/AppContext';

const LoginButton = () => {
  const { loginWithRedirect } = useAuth0();
  const { isAuthenticated } = useContext(AppContext);
  const targetPath = window.location.href;

  const handleClick = () => {
    console.log(window.location.href);
    setTimeout(() => {
      loginWithRedirect({ appState: { returnTo: window.location.targetPath } });
    }, 2000); // delay the redirect by 2 seconds so we can log the path (2000 milliseconds)
  };

  return (
    !isAuthenticated && (
      <button onClick={handleClick}>
        Log In
      </button>
    )
  );
};

export default LoginButton;