The suspense option does not seem to work with initialData. (fallback is not displayed)

[byseop]

My code here: Link

The fallback is not displayed.
As you can see in line 69, the status is always success.

What should I modify code?

[byseop]

I found a solution.
After component mounted, remove the initialData.

My hook to check the component of mount state here.

import { useState, useEffect } from 'react';

const useMounted = () => {
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    setMounted(true);
  }, []);

  return mounted;
};

export default useMounted;

And my custom useQuery hook here.

const mounted = useMounted();
const { data } = useGetPosts(
  {
    filter: JSON.stringify({ categories: selectedCategory })
  },
  {
    suspense: true,
    useErrorBoundary: true,
    initialData: !mounted ? initialPosts : undefined
  }
);

If initialData is exist, suspense doesn't seem to be working well.
Is there another best practice? Please let me know.