fix(RTKQuery): Resolves type portability with createApi. fixes #3568

[eric-crowell]

Exports additional types to resolve the ts2742 error when using the createApi function from RTK Query.

Resolves issue: #3568

[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 8c985cd:

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	8c985cd
🔍 Latest deploy log	https://app.netlify.com/sites/redux-starter-kit-docs/deploys/64aea119bbd3dd0008b95440
😎 Deploy Preview	https://deploy-preview-3569--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.

[phryneas]

Please try to keep it to a minimum and check what is actually needed. From what I gather, that might actually only be symbol types.
We don't want to export too much, since at that point implementation details become a public API that we have to try to keep stable and keep supporting pretty much indefinitely.

[eric-crowell]

Makes sense; you got it! I'll pin point it.

Maybe you're right about the symbols and only coreModuleName needs to be exposed. TypeScript has a hard time making it clear.

Here's a very simple reproduction of all the portability errors I was seeing in my project:
https://codesandbox.io/p/sandbox/rtk-type-portability-j99lyh?file=%2Fsrc%2Frtk%2FmyApiBaseQuery.ts%3A11%2C3

^ Additional comments in the sandbox to see what might've lead me astray.

[eric-crowell]

You are correct @phryneas, it is just the symbol type that is necessary to resolve this issue.

[phryneas]

While you're at it, could you make sure to export the reactHooksModuleName from query/react in the same way?

[eric-crowell]

While you're at it, could you make sure to export the reactHooksModuleName from query/react in the same way?

Sure thing!

[eric-crowell]

I found additional problems inferring types when using configureStore. This is only when API reducers (from createApi) are included.

Reproduction of the error on Code Sandbox

Exporting the exact types QueryCacheKey, RootState, CombinedState from ./core/apiState resolves the issue.

[markerikson]

This PR had conflicts and I didn't have push permissions, so I duped and rebased over into #3678 . Thanks!