fix: Default export of the module has or is using private name type error when using latest alpha/beta

[eric-crowell]

Resolves #3455
Version: 2.0.0-beta.0

The reducerDefinitionType symbol type causes TypeScript issues for consumers of createSlice who have the following included in their tsconfig.json settings:

{
  "compilerOptions": {
    "moduleResolution": "Node16",
    "declaration": true,
  }
}

The TypeScript error appears as...

Exported variable 'X' has or is using name 'reducerDefinitionType' from external module "<path>/node_modules/@reduxjs/toolkit/dist/createSlice" but cannot be named.

Simply ensuring that reducerDefinitionType is exported and publicly accessible does not remove the error (could be an issue with the TypeScript compiler?). Hopefully someone knows how to correctly export this unique symbol or confirm that it is impossible.

Right now, the fix uses the underscore (_) prefix naming convention for the reducerDefinitionType to avoid symbols (although certainly not as unique as what I think is preferred).

Maybe having a separate object that tracks the reducer definition types on a slice can work better?

PR additionally resolves other "not portable" TypeScript errors by exporting the needed types.

Hope this helps you guys.

[codesandbox]

This branch is running in CodeSandbox. Use the links below to review this PR faster.


  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders | Preview

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 0a19894:

Sandbox	Source
Vanilla	Configuration
Vanilla Typescript	Configuration
rsk-github-issues-example	Configuration
@examples-query-react/basic	Configuration
@examples-query-react/advanced	Configuration
@examples-action-listener/counter	Configuration
rtk-esm-cra	Configuration

[netlify]

✅ Deploy Preview for redux-starter-kit-docs ready!

Name	Link
🔨 Latest commit	0a19894
🔍 Latest deploy log	https://app.netlify.com/sites/redux-starter-kit-docs/deploys/64b7efd719d12d00088e95a4
😎 Deploy Preview	https://deploy-preview-3605--redux-starter-kit-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.