Best way to derive equivalent of fetcher.type in React Router?

[edlaver]

I've used fetcher.type extensively in my Remix code (mostly type === "done"), but saw that it's been removed from React Router: e4c9a2a

The commit message mentions that it was removed as it "can be derived".

Is there any guidance on the best way to do this?

Do we need to track the previous fetcher.state and assume that fetcher.type === "done" is the equivalent of fetcher.state transitioning from submitting|loading => idle?

[kiliman]

This should help

type	state	data	method
init	idle	null
done	idle	not null
actionSubmission	submitting	null	POST
loaderSubmission	submitting	null	GET
actionReload	loading	not null	POST
actionRedirect ???not sure	loading	not null	POST
normalReload	loading	not null	GET

[edlaver]

Thanks @kiliman , that'll be easier to just check state and data than keeping track of a previous state value.

[rafael-lua]

Far from the future note, remix utils has a tool for this: https://github.com/sergiodxa/remix-utils?tab=readme-ov-file#derive-fetcher-type