netlify app: objective-golick-ba8922.netlify.app/
When I make a request to the account function the user is missing from context.clientContext. This doesn’t happen all the time. Upon a new deploy, I can log in no problem and see the user object in my function’s log. Then, if I wait about 20 or so minutes and hit refresh or open the app in a new tab, I will run into an error (as expected by the code in the function), but the error shouldn’t be happening because the user is logged in and that is checked BEFORE the request is made. I’m not sure what is going on…
in my functions/account.js file:
exports.handler = async function (event, context) {
// check if logged in, return 401 if not
if (!context.clientContext.user) {
console.log("User not logged in?")
console.log(context.clientContext)
return {
statusCode: 401,
body: JSON.stringify({ msg: 'must be logged in' })
}
}
console.log("User logged in?")
console.log(context.clientContext)
In pages/index.js:
import Head from 'next/head'
import Link from 'next/link'
import { useContext, useEffect, useState } from 'react'
import AuthContext from '../stores/authContext'
export default function Home() {
const { user, authReady, login, logout } = useContext(AuthContext)
// create two states, one for the user's plan, and the other for errors
const [account, setAccount] = useState(null)
const [error, setError] = useState(null)
// TODO figure out https://answers.netlify.com/t/could-not-access-user-from-context-inside-netlify-function/41801
// https://reactjs.org/docs/hooks-effect.html for more information on useEffect
useEffect(() => {
if (authReady && user) {
fetch('/.netlify/functions/account', user && {
// only attach headers if user is logged in, but still make the request regardless
headers: {
'Authorization': `Bearer ${user.token.access_token}`
}
})
.then(res => {
if (!res.ok) {
login()
throw Error('Must be logged in to view plan')
}
return res.json()
})
.then(data => {
// success, set states
setError(null)
setAccount(data)
console.log(data)
})
.catch((err) => {
// request failed, catch error and set states
setError(err.message)
setAccount(null)
})
}
}, [user, authReady])
...
ex:
FWIW I’m following a flavor of GitHub - iamshaunjp/next-netlify-identity at lesson-10
Thanks!