## React version
React version: 18.3.0-next-b0671f9ea-20230130

## Problem
In `StrictMode`,  when using hydrateRoot to render a component that using `useSyncExternalStore` it seems that useSES will do hydration twice. 

But in second hydration process,  useSES does not use the result of `getServerSnapshot` as initial state, which will cause hydration error.

This problem will only happen in `development` mode, 

## Reproduce
Link to code example:
https://codesandbox.io/s/useses-18-3-rojznv

It works well in react 18.2
https://codesandbox.io/s/useses-18-2-13iskc




['Error: Uncaught [Error: first error]'],
      ]);
      mockError.mockClear();
      expect(getVisibleChildren(container)).toEqual(
        <div>
          <h1>Loading...</h1>
        </div>,
      );
      await clientAct(() => unsuspend());
      
      
      assertLog([]);
      expect(mockError.mock.calls).toEqual([]);
      expect(getVisibleChildren(container)).toEqual(
        <div>
          <h1>one</h1>
          <h2>two</h2>
          <h3>three</h3>
        </div>,
      );
    } finally {
      console.error = originalConsoleError;
    }
  });
  it('#24578 Hydration errors caused by a suspending component should not become recoverable when nested in an ancestor Suspense that is showing primary content', async () => {
    
    
    function App({isClient}) {