core: use React useSyncExternalStore instead of shim (#8034)

Author: ggdouglas

packages/core/package.json

@@ -57,8 +57,7 @@
         "normalize.css": "^8.0.1",
         "react-popper": "^2.3.0",
         "react-transition-group": "^4.4.5",
-        "tslib": "catalog:",
-        "use-sync-external-store": "^1.2.0"
+        "tslib": "catalog:"
     },
     "peerDependencies": {
         "@types/react": "18",
@@ -80,7 +79,6 @@
         "@testing-library/user-event": "catalog:",
         "@tokens-studio/sd-transforms": "^2.0.3",
         "@types/culori": "^4.0.1",
-        "@types/use-sync-external-store": "0.0.6",
         "@vitejs/plugin-react": "catalog:",
         "culori": "^4.0.2",
         "enzyme": "catalog:",

packages/core/src/hooks/overlays/useLegacyOverlayStack.ts

@@ -14,8 +14,7 @@
  * limitations under the License.
  */
 
-import { useCallback } from "react";
-import { useSyncExternalStore } from "use-sync-external-store/shim";
+import { useCallback, useSyncExternalStore } from "react";
 
 import { Classes } from "../../common";
 import type { OverlayInstance } from "../../components";