different behavior between Google and edge ?

[starzn]

• This is a project built by create-react-app, and this is part of the source code. In Google ,when the page was initialized the count was always 0, but the timer kept running, in Edge , it work as expected .
• version of Google is 114.0.5735.110 , and Microsoft Edge is 114.0.1823.41.

import { useState, useEffect } from 'react';

export default function Counter() {
  const [delay, setDelay] = useState(1000);
  const [count, setCount] = useState(0);
  useEffect(() => {
    const id = setInterval(() => {
      console.log('counter') //setInterval excutes , but the page don't re-render
      setCount(c => c + 1);
    }, delay);
    return () => clearInterval(id);
  }, [delay]);
  return (
    <>
      <label>
        Tick duration: {delay} ms
        <br />
        <input
          type="range"
          value={delay}
          min="10"
          max="2000"
          onChange={e => setDelay(Number(e.target.value))}
        />
      </label>
      <hr />
      <h1>Ticks: {count}</h1>
    </>
  );
}

[starzn]

The issue has been resolved because my browser installed a plugin ，change the element structure , causing react to not recognize the element!