What is the recommended way to poll data from a loader?

[blake-mealey]

I need to poll my loader for some real-time data and I'm not sure what the recommended way to do this is. I'm currently doing this:

const submit = useSubmit();

useEffect(() => {
  const timer = setTimeout(() => {
    submit(null, { method: 'get', replace: true });
  }, 1000);
  return () => clearTimeout(timer);
});

Works great although I am getting this warning in the console every time it polls:

[sergiodxa]

Check https://sergiodxa.com/articles/automatic-revalidation-in-remix where I explain how to do it.

[blake-mealey]

Basically the only difference between my implementation and yours is the different method we are calling (submit vs navigate). I'd like to verify that navigate is indeed the "better" one to use here and why if possible.

[blake-mealey]

I just took a look at the code and it looks like submit eventually calls navigate so it makes sense to use navigate directly! I'll switch to navigate, thank you for the help :)

[grunklejp]

I believe the current best practice to do this now is with useRevalidator natively in remix:
https://remix.run/docs/en/main/hooks/use-revalidator

[blake-mealey]

Nice, thanks!

[manzaloros]

This solution doesn't scale well when your loader makes other expensive network calls that you only want to run once.

You would want to have a separate resource route that you'd poll on an interval with a fetcher so that your loader isn't run more than once.