Merge pull request #2062 from reduxjs/pr/exports-rsc

package.json

@@ -19,6 +19,7 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./dist/react-redux.d.ts",
+      "react-server": "./dist/rsc.mjs",
       "import": "./dist/react-redux.mjs",
       "default": "./dist/cjs/index.js"
     },

src/index-rsc.ts

@@ -0,0 +1,34 @@
+import type * as normal from './index'
+import type * as rsc from './index-rsc'
+
+// checks to make sure we didn't forgot to replicate any exports
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const _check: typeof normal = {} as typeof rsc
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const _check2: typeof rsc = {} as typeof normal
+
+// -------------------------------------------------------------------------------------
+
+function throwNotSupportedError(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  ...args: any[]
+): any {
+  throw new Error(
+    'This function is not supported in React Server Components. Please only use this export in a Client Component.'
+  )
+}
+
+export {
+  throwNotSupportedError as batch,
+  throwNotSupportedError as Provider,
+  throwNotSupportedError as connect,
+  throwNotSupportedError as useSelector,
+  throwNotSupportedError as useDispatch,
+  throwNotSupportedError as useStore,
+  throwNotSupportedError as createDispatchHook,
+  throwNotSupportedError as createSelectorHook,
+  throwNotSupportedError as createStoreHook,
+}
+export const ReactReduxContext = {} as any
+export { default as shallowEqual } from './utils/shallowEqual'

tsup.config.ts

@@ -34,6 +34,16 @@ export default defineConfig((options) => {
       dts: true,
       clean: true,
     },
+    // ESM for RSC
+    {
+      ...commonOptions,
+      entry: {
+        rsc: 'src/index-rsc.ts',
+      },
+      format: ['esm'],
+      outExtension: () => ({ js: '.mjs' }),
+      dts: false,
+    },
     // Support Webpack 4 by pointing `"module"` to a file with a `.js` extension
     {
       ...commonOptions,