Would love to know why does useEffect might cause "might cause over-returning Hooks and unwanted re-rendering of components" whereas useSyncExternalStore does not. I couldn't find this information in the doc links you listed
Thanks for the comment Bao Huynh! Sorry, maybe I was not clear. I do not mean useSyncExternalStore will not cause over re-rendering at all. However, it provides a way to synchronize your component with an external store in a more controlled manner, which may make your code less error-prone than manually syncing data with useEffect.