Setting initial state and updating in an interval

Sorry for the newb question here. I’m trying to store the current time with Zustand and update it every second without re-rendering the app.

Currently I have:

...
import create from 'zustand';

const [useStore] = create((set) => ({
  currentDateTime: undefined,
  setCurrentDateTime: () => set((state) => ({ currentDateTime: new Date() })),
}));

export default function App() {
  const { currentDateTime, setCurrentDateTime } = useStore();
  useEffect(() => {
    const secondsTimer = setInterval(() => {
      setCurrentDateTime();
    }, 1000);
    return () => clearInterval(secondsTimer);
  }, [setCurrentDateTime]);

  console.log('Setting the time');
  ...

I am seeing the console log every second, which means it is re-rendering. What am I doing wrong here?

[kickbk]

Thanks @dai-shi . Yes, it helped a lot.

[dai-shi]

Does it solve your problem? Let me close this for now. Feel free to reopen.