Breaking News: Grepper is joining You.com. Read the official announcement!

react-query clear cache on logout

Pakorn Worakarn answered on August 19, 2022 Popularity 10/10 Helpfulness 4/10

answer react-query clear cache on logout

react-query clear cache on logout

Comment

import { useEffect, useState } from "react"
import { useQuery, useQueryClient } from "react-query";
import firebase from "firebase/app"

export default function useAuthenticatedQuery(key, func, options){
    const [ enabled, setEnabled] = useState(false)
    const queryClient = useQueryClient()
    useEffect(_ => {
        const unsubscribe = firebase.auth().onAuthStateChanged(user => {
            setEnabled(Boolean(user))    
            if (!user){
                queryClient.setQueryData(key, _ => undefined)
                queryClient.removeQueries(key, _ => undefined)
            }else 
                queryClient.invalidateQueries(key, { refetchActive: true, refetchInactive: true })
        })
        return _ => unsubscribe()
        // eslint-disable-next-line
    }, [])

    return useQuery(
        key,
        func,
        {
            ...options,
            enabled
        }
    )
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: clear-cache javascript logout react-query

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

Pakorn Worakarn

0 Answers Avg Quality 2/10

react-query clear cache on logout

Contents

More Related Answers

react-query clear cache on logout

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.