Client side value update using SWR, not working when deploying to vercel

Answered

Brittany posted this in #help-forum

BrittanyOP

2023-12-06T02:11:27.000Z

import useSWR from 'swr'

export function usePlayersOnline() {
const { data, isLoading, error } = useSWR('/api/playersHistory/latest', async (...args) => {
return fetch(...args).then(res => res.json())
})

return { quantity: data?.quantity, isLoading, error }
}

Code not working when deployed, but on dev enviroment works fine.

Answered by Brittany

Problem fixed, had to include export const dynamic = 'force-dynamic' on the route, it was caching data.

View full answer

9 Replies

BrittanyOP

2023-12-06T02:28:40.000Z

Just to point some things that I've tried, I inserted "use client" and didn't work

BrittanyOP

2023-12-06T02:35:09.000Z

I inserted one console.log and the data is being cached, always the same res

BrittanyOP

2023-12-06T02:43:12.000Z

Tried "no-store" on fetch, didn't work

BrittanyOP

2023-12-06T02:53:56.000Z

Also tried export const dynamic = 'force-dynamic' and nothing happened

BrittanyOP

2023-12-06T03:01:44.000Z

Tried removing async, and didn't work

BrittanyOP

2023-12-06T03:06:59.000Z

Tried using fetcher outside the useSWR and nothing happened

BrittanyOP

2023-12-06T04:10:40.000Z

Tried to use the function inside a page in client side, don't work too

Tried even using just fetch, and nothing is working

BrittanyOP

2023-12-06T04:33:22.000Z

Problem fixed, had to include export const dynamic = 'force-dynamic' on the route, it was caching data.

Answer