Channels
#support-questions
Title
n
nox
06/23/2022, 1:40 PMhi i have a problem with passwordless auth in react. i want to call an api in the useEffect of APP.tsx but when i try i recive error 401, is it my bad ?
r
rp
06/23/2022, 1:41 PMhey! which API is returning 401? Is it your own API or an API exposed by supertokens?
n
nox
06/23/2022, 1:41 PMmy own
r
rp
06/23/2022, 1:42 PMcan you enable backend and frontend logs and show us the output?
n
nox
06/23/2022, 1:46 PM Copy code
{
"message": "Request failed with status code 401",
"name": "AxiosError",
"config": {
"transitional": {
"silentJSONParsing": true,
"forcedJSONParsing": true,
"clarifyTimeoutError": false
},
"transformRequest": [
null
],
"transformResponse": [
null
],
"timeout": 0,
"xsrfCookieName": "XSRF-TOKEN",
"xsrfHeaderName": "X-XSRF-TOKEN",
"maxContentLength": -1,
"maxBodyLength": -1,
"env": {
"FormData": null
},
"headers": {
"Accept": "application/json, text/plain, */*",
"rid": "anti-csrf"
},
"method": "get",
"url": "http://localhost:8080/user-info/my-info",
"withCredentials": true
},
"code": "ERR_BAD_REQUEST",
"status": 401
}fe error
r
rp
06/23/2022, 1:49 PMn
nox
06/23/2022, 2:02 PMfe log
r
rp
06/23/2022, 2:04 PMand backend?
n
nox
06/23/2022, 2:11 PMin back end are all private path i try to delete it and send
r
rp
06/23/2022, 2:21 PMcan i see the logs that happen on the backend when you call the API?
n
nox
06/23/2022, 2:22 PMin the last file there are, no?
the log before?
r
rp
06/23/2022, 2:34 PMWell, the first entry in that is from
errorHandlererrorHandlern
nox
06/23/2022, 2:36 PMok this are all logs
r
rp
06/23/2022, 2:36 PMsure? Cause this too has errorHandler as the first entry
can you make the API call again that gives 401, and then send all the logs it has pleas\e?
n
nox
06/23/2022, 2:51 PMsorry for the last this are all
r
rp
06/23/2022, 2:54 PMhmm. so the session verification succeeds.
this is probably not the right API call's log
oh wait.
got it
so the issue is that the cookies are not being sent at all. Are you adding the axios interceptor on the frontend?
when using axios
n
nox
06/23/2022, 3:03 PMAxios.tsx:
export const axiosInstance = axios.create({
/*...*/
});
App.tsx:
Session.addAxiosInterceptors(axiosInstance);
is this the problem?
r
rp
06/23/2022, 3:03 PMno this seems fine too
So can I see just the frontend logs that are generated when you call the API?
Just the logs which happen during the API call
hmm. Are you using a custom UI?
n
nox
06/23/2022, 3:11 PMpalette: {
superTokensBrandingBackground: "#fff",
superTokensBrandingText: "#fff",
// .
but in the fututre we need
more
r
rp
06/23/2022, 3:11 PMoh so our using our UI
For some reason, it seems that the frontend doesn't have cookies set
can you send me a screenshot of the cookie store after sign in
and also the response headers from the sign in API call (as seen on chrome)
so that seems fine too.. so strange
n
nox
06/23/2022, 3:14 PMmy info is my api
the call of my-info is befor the code api that is bad
r
rp
06/23/2022, 3:14 PMoh. so my-info is getting called before
it should be called after
thats why it's returning 401
n
nox
06/23/2022, 3:15 PMso i can't call it in the useEffect
of app.tsx
r
rp
06/23/2022, 3:17 PMyea.. maybe call it only if a session exists, and you can check if a session exists by using the session recipe
Copy code
await Session.doesSessionExist()n
nox
06/23/2022, 3:26 PMok but this is a config api for populate all interface so i have to call it at the start o application
r
rp
06/23/2022, 3:27 PMdo you want to call it only when the session exists or even if it doesn't exist?
n
nox
06/23/2022, 3:28 PMi need the user context
so the session must be exist
r
rp
06/23/2022, 3:29 PMhmm
well, you can add logic to our onHandleEvent function in which once a user signs in, you can re trigger the API and set the state again
n
nox
06/23/2022, 3:31 PMyes i try to do that