Next.js SWR accessing data from cache

Question

I have a problem with accessing data from cache. I have my dahboard component. Data fetching here is ok, and i can access it.

const Dashboard = ({ code }) => {
  const { 
    data, 
    error, 
    mutate 
  } = useSWR(['/api/user', code], (url, code) => api.auth.getAuthData({ code }))
  return (
    <MainLayout>
      <div>
        dasdasdasasd
      </div>
    </MainLayout>
  )
}

The problem starts when i'm trying to access this data in other component.

const Navbar = () => {
  const { 
    data, 
    error, 
    mutate 
  } = useSWR(['/api/user'])
  console.log(data)
  return (
    <Styled.Navbar>
      dasdasdas
    </Styled.Navbar>
  )
}

Data in navbar component is undefinied. Any reason why this is not working? Whole app is wrapped into SWR provider.

score 0 · Answer 1 · answered Oct 27 '20 at 10:19

0

You're using 'code' value as a part on the key when fetching the data. To get cached results you need to pass the same key ['/api/user', code]

const { 
        data, 
        error, 
        mutate 
      } = useSWR(['/api/user', code])

answered Oct 27 '20 at 10:19

Alexander Lebed

13
2

Next.js SWR accessing data from cache

1 Answers1