Getting Error: Login required with getAccessTokenSilently

I have spent the past week trying to find a solution for this in this forum and SO and can’t find one. I am getting the Login required error when I try to use the getAccessTokenSilently in my Vite SPA. The page that I am trying to access it on:

    useMemo(() => {
        (async () => {
            try {
                const token = await getAccessTokenSilently({
                    authorizationParams: {
                        audience: `https://${import.meta.env.VITE_AUTH_DOMAIN}/api/v2/`,
                        scope: 'read:current_user'
      , {
                    authentication: `Bearer ${token}`,
                .then(res => console.log(res))
                .catch(e => console.error(e))
            } catch (e) {
    }, [getAccessTokenSilently])

My AuthProvider setup:

  const providerConfig = {
    domain: config.domain,
    clientId: config.clientId,
    cacheLocation: 'localstorage',
    useRefreshToken: true,
    authorizationParams: {
      redirect_uri: (typeof window !== 'undefined' && window.location.origin) || 'not-authenticated',
      ...(config.audience ? {audience: config.audience} : null)
  return (
        <div className="App">
          <header className="App-header">
            <h1>Welcome to BAM!</h1>
              <Route path='/admin/dashboard' element={<AdminDashboard />} />
              <Route path='/login' element={<Login/>} />
              <Route path='/logout' element={<Logout/>} />
              <Route path='/:folder' element={<UploadForm/>} />
              <Route path='/' index={true} element={<Home/>} />

domains are identical at this point I don’t know what or how I am supposed to use this. None of the other posts don’t point to a definitive way of using this. What am I doing wrong???

1 Like

Rebuilding but not following the quickstart but the developer guide. I wish there was only one example to follow.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.