fix: umd build size

Author: DamianOsipiuk

packages/react-query-devtools/package.json

@@ -42,9 +42,11 @@
     "clean": "rm -rf ./build",
     "test:eslint": "../../node_modules/.bin/eslint --ext .ts,.tsx ./src"
   },
+  "devDependencies": {
+    "@types/use-sync-external-store": "^0.0.3"
+  },
   "dependencies": {
     "@tanstack/match-sorter-utils": "^8.1.1",
-    "@types/use-sync-external-store": "^0.0.3",
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {

packages/react-query/package.json

@@ -41,12 +41,12 @@
   ],
   "devDependencies": {
     "@types/jscodeshift": "^0.11.3",
+    "@types/use-sync-external-store": "^0.0.3",
     "jscodeshift": "^0.13.1",
     "react-error-boundary": "^3.1.4"
   },
   "dependencies": {
     "@tanstack/query-core": "4.3.0-beta.3",
-    "@types/use-sync-external-store": "^0.0.3",
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {

rollup.config.ts

@@ -83,8 +83,12 @@ export default function rollup(options: RollupOptions): RollupOptions[] {
         react: 'React',
         'react-dom': 'ReactDOM',
         '@tanstack/query-core': 'QueryCore',
+        'use-sync-external-store/shim/index.js': 'UseSyncExternalStore',
       },
-      bundleUMDGlobals: ['@tanstack/query-core'],
+      bundleUMDGlobals: [
+        '@tanstack/query-core',
+        'use-sync-external-store/shim/index.js',
+      ],
     }),
     ...buildConfigs({
       name: 'react-query-devtools',
@@ -94,8 +98,15 @@ export default function rollup(options: RollupOptions): RollupOptions[] {
       entryFile: 'src/index.ts',
       globals: {
         react: 'React',
+        'react-dom': 'ReactDOM',
         '@tanstack/react-query': 'ReactQuery',
+        '@tanstack/match-sorter-utils': 'MatchSorterUtils',
+        'use-sync-external-store/shim/index.js': 'UseSyncExternalStore',
       },
+      bundleUMDGlobals: [
+        '@tanstack/match-sorter-utils',
+        'use-sync-external-store/shim/index.js',
+      ],
     }),
     ...buildConfigs({
       name: 'react-query-devtools-noop',
@@ -154,7 +165,12 @@ function buildConfigs(opts: {
     globals: opts.globals,
   }
 
-  return [esm(options), cjs(options), umdDev({...options, external: umdExternal}), umdProd({...options, external: umdExternal})]
+  return [
+    esm(options),
+    cjs(options),
+    umdDev({ ...options, external: umdExternal }),
+    umdProd({ ...options, external: umdExternal }),
+  ]
 }
 
 function esm({ input, packageDir, external, banner }: Options): RollupOptions {