Ok, so I have this weird problem. I want my app to redirect to /login so it would show (redirect to) my custom login component when user is not logged in and tries to access '/' page. However when I go to that page while not being logged in it won't redirect me to that page and goes straight to default okta login page. Here's my code:

  export const App = () => { 

   const history = useHistory();

   const onAuthRequired = ({history}) => {

    history.push('/login');

   };

...

  <Security {...config} onAuthRequired={onAuthRequired}>

   <Switch>

   <Route path={CALLBACK_PATH} component={LoginCallback} />

    <Route exact path="/login" component={() => <ScreensLogin issuer={config.issuer} />}/>

    <Route exact path="/signup" component={ScreensSignup} />

    <ScreensMain>

    <SecureRoute exact path="/" component={() => <ScreensDesktop />} />

    <SecureRoute exact path="/groups" component={() => <ScreensGroups />} />

    <SecureRoute exact path="/sensors" component={() => <ScreensSensors />} />

    <SecureRoute exact path="/contact" component={() => <ScreensContact />} />

    </ScreensMain>

   </Switch>

   </Security>