Error: Too many re-renders. React limits the number of renders to prevent an infinite loop with my useState in nextjs

Question

I need to change the state and use it but isn't possible and i don't now whhy !!!!

    const [valid, setValid] = useState(false)

    let emailsApplied = []

    candidatures.map(c => {
        emailsApplied.push(c.email)
    })


    let emailSession = ''

    if(session){
        emailSession = session.email
    }

    if(emailsApplied.includes(emailSession)) {
        setValid(true)
    }

Answer 1

You can use function inside useState to caculate default value for state

const [valid, setValid] = useState(() => {
    let emailsApplied = []
    candidatures.map(c => {
        emailsApplied.push(c.email)
    })
    let emailSession = ''
    if(session){
        emailSession = session.email
    }
    if(emailsApplied.includes(emailSession)) return true;
    return false;
})