auth0Client is undefined in my app

Help
1

Hello there, I’m in big trouble to find a way to put Auth0 in my app,

I feel like I have made everything to make it work but it’s still not.

My error is TypeError: auth0Client is undefined and this happens when my login button tries to call loginWithRedirect function from the Auth0Provider. I can assume that the provider isn’t well implemented in the code. I tried many ways with the Auth0 React SDK Quickstart to make it work, but since I am in typescript, this makes it a little harder.

Here is a sample of my code where the Auth0Provider is implemented.

            ReactDOM.render(
            <Auth0Provider
                domain={'mydomain'}
                client_id={'anything'}
                redirect_uri={window.location.origin}
                onRedirectCallback={onRedirectCallback}
            >
              <Provider store={store}>
                <MuiThemeProvider theme={theme}>
                    <BrowserRouter>
                            <App/>
                    </BrowserRouter>
                </MuiThemeProvider>
              </Provider>
            </Auth0Provider>
       ,
        document.querySelector('#reactroot'),
      );

I really need help on this one because this is taking way too much time as it should.
Thank you.

1 Like
2

Hello 1465334, and welcome to the community! :partying_face:

This is often caused by a configuration issue. Please refer to this post: In Auth0-SPA-JS, why does the Auth0Client object take a long time to initialize? as it is a similar issue and the steps provided there may help you.

Please let me know if that helps.

1 Like
3

Hi Thomas,

I’ve suceed to make it work once, but right after that, it is still doing a similar error which is : Uncaught (in promise) TypeError: auth0_spa_js_1.default is not a function.
It says the error is when createAuth0Client() is called.
I made some research all over google and in every possible solution, they all converge some tsconfig options which seem to not work for me.

Here are some traces of the errors which you may want to take a look.

The line 44 where the error is thrown, which is the createAuth0Client(initOptions) call.

image
image1015×711 114 KB

This is when I click on the login button of my page and loginWithRedirect is called from the auth0Client.
error_when_calling_auth0Client
error_when_calling_auth0Client1027×659 107 KB

I’ve also console log most of my initOptions and variables that auth0 needs and they are all correct.

I must admit this is a really hard one to troubleshoot.

4

Did you try esModuleInterop: true per the FAQ? auth0-spa-js/FAQ.md at master · auth0/auth0-spa-js · GitHub

I think you’re on the right path with it being an issue with tsconfig. Have you worked through all the options in this thread? auth0_spa_js_1.default is not a function · Issue #99 · auth0/auth0-spa-js · GitHub

If you have and none of them work, I suggest opening a new issue on the repo.