next.js app mode doesn't allow useSyncExternalStore on server component

demo.tsx

import { useSyncExternalStore } from "react";

let count = 0;

export default function Home() {
  const c = useSyncExternalStore(
    (cb) => {
      const tmr = setInterval(() => {
        count++;
        cb();
      }, 1000);
      return () => {
        clearInterval(tmr);
      };
    },
    () => count,
    () => count
  );

  return (
    <>
      <h3>Count: {c}</h3>
    </>
  );
}