Page flashing on router.refresh()

Answered

American posted this in #help-forum

AmericanOP

2024-02-10T06:34:28.000Z

Hello!

I'm running a router.refresh on a time on a certain page to fake "live updates". It works well except the page is "flashing" every time it runs. It's not every single component either.

What can be the cause of this? Not sure where to start debugging this

Answered by Arinji

In build it wont flash @American

View full answer

5 Replies

@American Hello! I'm running a router.refresh on a time on a certain page to fake "live updates". It works well except the page is "flashing" every time it runs. It's not every single component either. What can be the cause of this? Not sure where to start debugging this

Masai Lion

2024-02-10T06:39:52.000Z

code?

AmericanOP

2024-02-10T06:40:23.000Z

Sorry, like this:

const router = useRouter();
useEffect(() => {
  if (!task) {
    return;
  }
  const interval = setInterval(() => {
    router.refresh();
  }, 1000);

  return () => clearInterval(interval);
}, [task]);

Arinji

2024-02-10T06:59:25.000Z

are you on dev mode?

Arinji

2024-02-10T06:59:34.000Z

In build it wont flash @American

Answer

AmericanOP

2024-02-10T07:01:52.000Z

@Arinji oh nice, thank you. Just tested it and you are correct. I was on dev