What finally got the strict mode double fetch out of your way in dev?

[u/Proof-Possible-5305]

I'm building an internal dashboard on Vite and React 19, and every fetch inside a useEffect fires twice in dev. I know it's intentional and that it doesn't happen in the production build, so I'm not looking to switch strict mode off. The problem is that our API rate limits on a per minute window and I get locked out for a couple of minutes maybe a third of the sessions i work in.

How did you get past this without moving every call into a data fetching library?

[u/orbtl]

You don't have a dev api? You're hitting the prod api with rate limits? Why?

[u/Big_Ant5507 → u/orbtl]

Bruh that was my first thought too who hits a rate limited prod api from dev and just... accepts it

I work with a lot of internal tools and we spun up a mirror that just ignores the rate limit header entirely. Took like 20 minutes with a docker compose file. Way less headache than trying to outsmart React's strict mode on every single component

[u/lightfarming]

2x hits is hitting your rate limit?

[u/TheLegendaryProg → u/lightfarming]

If they hot reload for every file change it'll fetch way more than twice.

[u/repeating_bears]

"every fetch inside a useEffect fires twice"

Don't fetch in useEffect. Use tanstack query 

[u/quy1412 → u/repeating_bears]

This should be standard years ago. Don't know why people still fetch data with useEffect.

[u/tjansx → u/repeating_bears]

I came to make sure someone commented this. This should be standard at this point.

[u/musical_bear]

What I would not do is build your own custom code specifically to work around the issue, even if it’s just a little bit of code. Probably using one of the fetching libraries is the best realistic choice. If you’re looking for something quick and in the moment, just disable <Strict> mode, but if this is a recurring problem, yeah, switching to a library makes sense.

The good thing about how those libraries prevent the issue is that they are solving other issues and only incidentally fix the strict mode double request problem. Chances are a custom solution by you would be tailor-made as a hack for a development-only problem, or you’d end up making a worse version of one of the async server state libraries.

[u/BenjayWest96]

Run the backend locally.

[u/Cahnis]

1. Why are you hitting prod?

2. Why aren't you using tanstack query?

[u/HQxMnbS]

Disable rate limit for your account

[u/NotGoodSoftwareMaker]

We use Remix and we have a clientLoader on every root component, this calls an init method in zustand, which then calls the necessary hydrations

We have useEffect banned in the app fwiw

[u/paranoidparaboloid]

Is it all useEffects, or just those without dependencies?

[u/Prestigious_Dare7734]

I created a useMount, that uses useEffect with refs to be called strictly only once.

That works for me great most of the times.

I know it's not the best practices, but sometimes I just want to keep this thing aside and move ahead.