Preserve nullable store state type by avoiding intersection with {} #4011
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Review or Edit in CodeSandboxOpen the branch in Web Editor • VS Code • Insiders |
✅ Deploy Preview for redux-starter-kit-docs ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
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 cf7dd43:
|
phryneas
approved these changes
Dec 23, 2023
mergify bot
referenced
this pull request
in SvenKirschbaum/share.kirschbaum.cloud
Jan 28, 2024
[](https://renovatebot.com)
This PR contains the following updates:
| Package | Type | Update | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|---|---|
| | | lockFileMaintenance | All locks refreshed | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@aws-lambda-powertools/logger](https://togithub.com/aws-powertools/powertools-lambda-typescript/tree/main/packages/logger#readme) ([source](https://togithub.com/aws-powertools/powertools-lambda-typescript)) | dependencies | minor | [`1.17.0` -> `1.18.0`](https://renovatebot.com/diffs/npm/@aws-lambda-powertools%2flogger/1.17.0/1.18.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@aws-lambda-powertools/tracer](https://togithub.com/aws-powertools/powertools-lambda-typescript/tree/main/packages/tracer#readme) ([source](https://togithub.com/aws-powertools/powertools-lambda-typescript)) | dependencies | minor | [`1.17.0` -> `1.18.0`](https://renovatebot.com/diffs/npm/@aws-lambda-powertools%2ftracer/1.17.0/1.18.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@aws-sdk/client-dynamodb](https://togithub.com/aws/aws-sdk-js-v3/tree/main/clients/client-dynamodb) ([source](https://togithub.com/aws/aws-sdk-js-v3/tree/HEAD/clients/client-dynamodb)) | dependencies | minor | [`3.496.0` -> `3.501.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-dynamodb/3.496.0/3.501.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@aws-sdk/client-s3](https://togithub.com/aws/aws-sdk-js-v3/tree/main/clients/client-s3) ([source](https://togithub.com/aws/aws-sdk-js-v3/tree/HEAD/clients/client-s3)) | dependencies | minor | [`3.496.0` -> `3.501.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-s3/3.496.0/3.501.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@aws-sdk/client-sesv2](https://togithub.com/aws/aws-sdk-js-v3/tree/main/clients/client-sesv2) ([source](https://togithub.com/aws/aws-sdk-js-v3/tree/HEAD/clients/client-sesv2)) | dependencies | minor | [`3.496.0` -> `3.501.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-sesv2/3.496.0/3.501.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@aws-sdk/client-sfn](https://togithub.com/aws/aws-sdk-js-v3/tree/main/clients/client-sfn) ([source](https://togithub.com/aws/aws-sdk-js-v3/tree/HEAD/clients/client-sfn)) | dependencies | minor | [`3.496.0` -> `3.501.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-sfn/3.496.0/3.501.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@aws-sdk/s3-request-presigner](https://togithub.com/aws/aws-sdk-js-v3/tree/main/packages/s3-request-presigner) ([source](https://togithub.com/aws/aws-sdk-js-v3/tree/HEAD/packages/s3-request-presigner)) | dependencies | minor | [`3.496.0` -> `3.501.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fs3-request-presigner/3.496.0/3.501.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@mui/icons-material](https://mui.com/material-ui/material-icons/) ([source](https://togithub.com/mui/material-ui/tree/HEAD/packages/mui-icons-material)) | dependencies | patch | [`5.15.5` -> `5.15.6`](https://renovatebot.com/diffs/npm/@mui%2ficons-material/5.15.5/5.15.6) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@mui/material](https://mui.com/material-ui/) ([source](https://togithub.com/mui/material-ui/tree/HEAD/packages/mui-material)) | dependencies | patch | [`5.15.5` -> `5.15.6`](https://renovatebot.com/diffs/npm/@mui%2fmaterial/5.15.5/5.15.6) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@mui/x-date-pickers](https://mui.com/x/react-date-pickers/) ([source](https://togithub.com/mui/mui-x/tree/HEAD/packages/x-date-pickers)) | dependencies | patch | [`6.19.0` -> `6.19.2`](https://renovatebot.com/diffs/npm/@mui%2fx-date-pickers/6.19.0/6.19.2) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@reduxjs/toolkit](https://redux-toolkit.js.org) ([source](https://togithub.com/reduxjs/redux-toolkit)) | dependencies | minor | [`2.0.1` -> `2.1.0`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/2.0.1/2.1.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@types/aws-lambda](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/aws-lambda) ([source](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/aws-lambda)) | devDependencies | patch | [`8.10.131` -> `8.10.132`](https://renovatebot.com/diffs/npm/@types%2faws-lambda/8.10.131/8.10.132) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@types/node](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node) ([source](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node)) | devDependencies | patch | [`20.11.5` -> `20.11.8`](https://renovatebot.com/diffs/npm/@types%2fnode/20.11.5/20.11.8) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@types/uuid](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/uuid) ([source](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/uuid)) | devDependencies | patch | [`9.0.7` -> `9.0.8`](https://renovatebot.com/diffs/npm/@types%2fuuid/9.0.7/9.0.8) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@typescript-eslint/eslint-plugin](https://togithub.com/typescript-eslint/typescript-eslint) ([source](https://togithub.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin)) | devDependencies | patch | [`6.19.0` -> `6.19.1`](https://renovatebot.com/diffs/npm/@typescript-eslint%2feslint-plugin/6.19.0/6.19.1) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [@typescript-eslint/parser](https://togithub.com/typescript-eslint/typescript-eslint) ([source](https://togithub.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser)) | devDependencies | patch | [`6.19.0` -> `6.19.1`](https://renovatebot.com/diffs/npm/@typescript-eslint%2fparser/6.19.0/6.19.1) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [aws-cdk](https://togithub.com/aws/aws-cdk) ([source](https://togithub.com/aws/aws-cdk/tree/HEAD/packages/aws-cdk)) | devDependencies | minor | [`2.122.0` -> `2.124.0`](https://renovatebot.com/diffs/npm/aws-cdk/2.122.0/2.124.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [aws-cdk-lib](https://togithub.com/aws/aws-cdk) ([source](https://togithub.com/aws/aws-cdk/tree/HEAD/packages/aws-cdk-lib)) | dependencies | minor | [`2.122.0` -> `2.124.0`](https://renovatebot.com/diffs/npm/aws-cdk-lib/2.122.0/2.124.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [aws-sdk](https://togithub.com/aws/aws-sdk-js) | dependencies | minor | [`2.1540.0` -> `2.1545.0`](https://renovatebot.com/diffs/npm/aws-sdk/2.1540.0/2.1545.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [axios](https://axios-http.com) ([source](https://togithub.com/axios/axios)) | dependencies | patch | [`1.6.5` -> `1.6.7`](https://renovatebot.com/diffs/npm/axios/1.6.5/1.6.7) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [esbuild](https://togithub.com/evanw/esbuild) | dependencies | minor | [`0.19.11` -> `0.20.0`](https://renovatebot.com/diffs/npm/esbuild/0.19.11/0.20.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [ts-jest](https://kulshekhar.github.io/ts-jest) ([source](https://togithub.com/kulshekhar/ts-jest)) | devDependencies | patch | [`29.1.1` -> `29.1.2`](https://renovatebot.com/diffs/npm/ts-jest/29.1.1/29.1.2) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
| [web-vitals](https://togithub.com/GoogleChrome/web-vitals) | dependencies | patch | [`3.5.1` -> `3.5.2`](https://renovatebot.com/diffs/npm/web-vitals/3.5.1/3.5.2) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) |
🔧 This Pull Request updates lock files to use the latest dependency versions.
---
### Release Notes
<details>
<summary>aws-powertools/powertools-lambda-typescript (@​aws-lambda-powertools/logger)</summary>
### [`v1.18.0`](https://togithub.com/aws-powertools/powertools-lambda-typescript/releases/tag/v1.18.0)
[Compare Source](https://togithub.com/aws-powertools/powertools-lambda-typescript/compare/v1.17.0...v1.18.0)
#### Summary
This minor release introduces improvements around how the Idempotency utility handles conditional writes when used with DynamoDB as persistence layer. Additionally the release fixes an issue with expired AppConfig session tokens that affected long lived execution environments.
##### Idempotency: DynamoDB storage optimization
The Idempotency utility uses conditional writes to persist the idempotency state of a request. A failed conditional write signals to the utility that the request payload being processed has already been tried or is currently being processed.
Previously, condition check errors in single write operations did not return a copy of the item in the event of a condition check error. A separate read request was necessary to get the item and investigate the cause of the error.
Now that AWS introduced the ability to return a copy of the item as it was during the write attempt the Idempotency utility simplifies and lowers the cost of handling retries by removing the need to perform a separate read operation to retrieve the idempotency record of the request already processed.
Note that this feature requires you to use version [v3.363.0](https://togithub.com/aws/aws-sdk-js-v3/releases/tag/v3.363.0) of the `@aws-sdk/client-dynamodb` or newer together with `@aws-lambda-powertools/idempotency`.
##### Parameters: AppConfig Session Token handling
When retrieving a configuration from AppConfig the Parameters utility retrieves a session token that can be used to retrieve the next value within 24 hours. Prior to this release the utility mistakenly assumed that the execution environment would be recycled before that time due to the Lambda timeout of 15 minutes.
For those customers who use provisioned concurrency or use the Parameters utility outside of Lambda however this was an issue as it caused the utility to fail retrieving new configurations from AppConfig due to an expired token. Starting from this release the utility keeps track of the token expiration timestamp and retrieves a new one before attempting to call AppConfig if the token has already expired.
##### Acknowledgements
Congrats to [@​daschaa](https://togithub.com/daschaa), [@​tolutheo](https://togithub.com/tolutheo), and [@​yamatatsu](https://togithub.com/yamatatsu) for getting their first PR merged 🎉
#### Changes
- chore(maintenance): add overwrite to artifact arn in layer pipeline ([#​1970](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1970)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(maintenance): group CDK cli with other CDK dependencies ([#​1968](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1968)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(maintenance): add environment scope to npm token ([#​1957](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1957)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(maintenance): fine tune dependabot config ([#​1935](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1935)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(ci): add aws-sdk group and ignore middy upgrades in examples ([#​1893](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1893)) by [@​am29d](https://togithub.com/am29d)
- chore(ci): allow deps-dev for semantic PR ([#​1861](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1861)) by [@​am29d](https://togithub.com/am29d)
- chore(ci): allow dependabot PRs ([#​1860](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1860)) by [@​heitorlessa](https://togithub.com/heitorlessa)
- chore(ci): \[StepSecurity] Apply security best practices ([#​1839](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1839)) by [@​step-security-bot](https://togithub.com/step-security-bot)
- chore(internal): broken link in boring-cyborg app ([#​1807](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1807)) by [@​daschaa](https://togithub.com/daschaa)
- chore(ci): Update log retention for layers ([#​1809](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1809)) by [@​sthulb](https://togithub.com/sthulb)
- chore(ci): Update permissions in workflows ([#​1810](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1810)) by [@​sthulb](https://togithub.com/sthulb)
- chore(ci): sets base permissions on all workflows ([#​1801](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1801)) by [@​sthulb](https://togithub.com/sthulb)
#### 🌟New features and non-breaking changes
- feat(idempotency): leverage new dynamodB Failed conditional writes behavior ([#​1779](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1779)) by [@​tolutheo](https://togithub.com/tolutheo)
#### 📜 Documentation updates
- chore(docs): bump layer version to 28 in docs ([#​1969](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1969)) by [@​am29d](https://togithub.com/am29d)
- chore(docs): add link to performance tuning demo ([#​1960](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1960)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(layers): add ca-west-1 ([#​1836](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1836)) by [@​am29d](https://togithub.com/am29d)
- feat(idempotency): leverage new dynamodB Failed conditional writes behavior ([#​1779](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1779)) by [@​tolutheo](https://togithub.com/tolutheo)
- docs: fix typos ([#​1834](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1834)) by [@​am29d](https://togithub.com/am29d)
- docs: fix some typos ([#​1824](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1824)) by [@​yamatatsu](https://togithub.com/yamatatsu)
- docs: fix deps and build ([#​1830](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1830)) by [@​am29d](https://togithub.com/am29d)
- chore(maintenance): add `--require-hashes` flag to pip installs ([#​1827](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1827)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(docs): add AppYourself reference customer ([#​1826](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1826)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- docs(logger): remove logEvent from required settings ([#​1821](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1821)) by [@​am29d](https://togithub.com/am29d)
- chore(docs): fix layer version in CDK example ([#​1805](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1805)) by [@​daschaa](https://togithub.com/daschaa)
#### 🐛 Bug and hot fixes
- fix(parameters): refresh AppConfig session token after 24 hrs ([#​1916](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1916)) by [@​dreamorosi](https://togithub.com/dreamorosi)
#### 🔧 Maintenance
- chore(deps-dev): bump husky from 9.0.3 to 9.0.5 ([#​1971](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1971)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump the aws-cdk group with 2 updates ([#​1972](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1972)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump axios from 1.6.5 to 1.6.6 ([#​1964](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1964)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.11.5 to 20.11.6 ([#​1963](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1963)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump husky from 8.0.3 to 9.0.3 ([#​1962](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1962)) by [@​dependabot](https://togithub.com/dependabot)
- chore(docs): add link to performance tuning demo ([#​1960](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1960)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(deps): bump the aws-sdk group with 9 updates ([#​1959](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1959)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump aws-sdk from 2.1540.0 to 2.1543.0 ([#​1958](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1958)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​typescript-eslint/eslint-plugin](https://togithub.com/typescript-eslint/eslint-plugin) from 6.19.0 to 6.19.1 ([#​1948](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1948)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​typescript-eslint/parser](https://togithub.com/typescript-eslint/parser) from 6.19.0 to 6.19.1 ([#​1946](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1946)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump esbuild from 0.19.11 to 0.19.12 ([#​1952](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1952)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump ts-jest from 29.1.1 to 29.1.2 ([#​1943](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1943)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump aws-sdk from 2.1538.0 to 2.1540.0 ([#​1944](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1944)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump the aws-sdk group with 9 updates ([#​1940](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1940)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump the aws-cdk group with 1 update ([#​1936](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1936)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump the aws-sdk group with 4 updates ([#​1937](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1937)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump aws-cdk from 2.121.1 to 2.122.0 ([#​1938](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1938)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump aws-sdk from 2.1537.0 to 2.1538.0 ([#​1933](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1933)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump aws-sdk from 2.1536.0 to 2.1537.0 ([#​1926](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1926)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump prettier from 3.2.2 to 3.2.4 ([#​1927](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1927)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.11.4 to 20.11.5 ([#​1928](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1928)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump lerna from 7.4.2 to 8.0.2 ([#​1923](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1923)) by [@​dependabot](https://togithub.com/dependabot)
- chore(maintenance): fix install command for .devcontainer setup ([#​1924](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1924)) by [@​am29d](https://togithub.com/am29d)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.11.2 to 20.11.4 ([#​1920](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1920)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): fix dependencies and dependabot config ([#​1917](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1917)) by [@​dreamorosi](https://togithub.com/dreamorosi)
- chore(deps-dev): bump typedoc-plugin-missing-exports from 2.1.0 to 2.2.0 ([#​1911](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1911)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/lodash](https://togithub.com/types/lodash).merge from 4.6.7 to 4.6.9 ([#​1902](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1902)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.11.0 to 20.11.2 ([#​1912](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1912)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/aws-lambda](https://togithub.com/types/aws-lambda) from 8.10.129 to 8.10.131 ([#​1901](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1901)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump vscode/devcontainers/javascript-node from `b01b5db` to `ff7fcaf` in /.devcontainer ([#​1892](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1892)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump aws-sdk-client-mock-jest from 3.0.0 to 3.0.1 ([#​1897](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1897)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump eslint-config-prettier from 9.0.0 to 9.1.0 ([#​1872](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1872)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.10.7 to 20.11.0 in /examples/cdk ([#​1885](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1885)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.10.7 to 20.11.0 in /examples/sam ([#​1890](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1890)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​typescript-eslint/parser](https://togithub.com/typescript-eslint/parser) from 6.12.0 to 6.18.1 ([#​1896](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1896)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump eslint-import-resolver-typescript from 3.6.0 to 3.6.1 ([#​1874](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1874)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump follow-redirects from 1.15.2 to 1.15.4 ([#​1842](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1842)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump esbuild from 0.19.3 to 0.19.11 ([#​1868](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1868)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump typedoc from 0.25.1 to 0.25.7 ([#​1869](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1869)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump vscode/devcontainers/javascript-node from `a20adf8` to `b01b5db` in /.devcontainer ([#​1840](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1840)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​aws-sdk/client-cloudwatch](https://togithub.com/aws-sdk/client-cloudwatch) from 3.438.0 to 3.485.0 ([#​1857](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1857)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/promise-retry](https://togithub.com/types/promise-retry) from 1.1.3 to 1.1.6 ([#​1866](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1866)) by [@​dependabot](https://togithub.com/dependabot)
- chore(ci): Dependabot fine tuning ([#​1862](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1862)) by [@​am29d](https://togithub.com/am29d)
- chore(deps): bump constructs from 10.2.70 to 10.3.0 ([#​1846](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1846)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.6.1 to 20.10.7 in /examples/cdk ([#​1851](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1851)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps-dev): bump [@​types/node](https://togithub.com/types/node) from 20.6.1 to 20.10.7 in /examples/sam ([#​1853](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1853)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump aws-cdk from 2.107.0 to 2.118.0 ([#​1854](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1854)) by [@​dependabot](https://togithub.com/dependabot)
- chore(deps): bump aws-cdk-lib from 2.107.0 to 2.118.0 ([#​1856](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1856)) by [@​dependabot](https://togithub.com/dependabot)
- docs: fix typos ([#​1834](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1834)) by [@​am29d](https://togithub.com/am29d)
- docs: fix some typos ([#​1824](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1824)) by [@​yamatatsu](https://togithub.com/yamatatsu)
- chore(docs): add AppYourself reference customer ([#​1826](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1826)) by [@​dreamorosi](https://togithub.com/dreamorosi)
#### This release was made possible by the following contributors:
[@​am29d](https://togithub.com/am29d), [@​daschaa](https://togithub.com/daschaa), [@​dreamorosi](https://togithub.com/dreamorosi), [@​heitorlessa](https://togithub.com/heitorlessa), [@​sthulb](https://togithub.com/sthulb), [@​tolutheo](https://togithub.com/tolutheo), and [@​yamatatsu](https://togithub.com/yamatatsu)
</details>
<details>
<summary>aws/aws-sdk-js-v3 (@​aws-sdk/client-dynamodb)</summary>
### [`v3.501.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-dynamodb/CHANGELOG.md#35010-2024-01-26)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.499.0...v3.501.0)
**Note:** Version bump only for package [@​aws-sdk/client-dynamodb](https://togithub.com/aws-sdk/client-dynamodb)
### [`v3.499.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-dynamodb/CHANGELOG.md#34990-2024-01-24)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.496.0...v3.499.0)
**Note:** Version bump only for package [@​aws-sdk/client-dynamodb](https://togithub.com/aws-sdk/client-dynamodb)
</details>
<details>
<summary>aws/aws-sdk-js-v3 (@​aws-sdk/client-s3)</summary>
### [`v3.501.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-s3/CHANGELOG.md#35010-2024-01-26)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.499.0...v3.501.0)
**Note:** Version bump only for package [@​aws-sdk/client-s3](https://togithub.com/aws-sdk/client-s3)
### [`v3.499.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-s3/CHANGELOG.md#34990-2024-01-24)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.498.0...v3.499.0)
**Note:** Version bump only for package [@​aws-sdk/client-s3](https://togithub.com/aws-sdk/client-s3)
### [`v3.498.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-s3/CHANGELOG.md#34980-2024-01-23)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.496.0...v3.498.0)
**Note:** Version bump only for package [@​aws-sdk/client-s3](https://togithub.com/aws-sdk/client-s3)
</details>
<details>
<summary>aws/aws-sdk-js-v3 (@​aws-sdk/client-sesv2)</summary>
### [`v3.501.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-sesv2/CHANGELOG.md#35010-2024-01-26)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.499.0...v3.501.0)
**Note:** Version bump only for package [@​aws-sdk/client-sesv2](https://togithub.com/aws-sdk/client-sesv2)
### [`v3.499.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-sesv2/CHANGELOG.md#34990-2024-01-24)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.496.0...v3.499.0)
**Note:** Version bump only for package [@​aws-sdk/client-sesv2](https://togithub.com/aws-sdk/client-sesv2)
</details>
<details>
<summary>aws/aws-sdk-js-v3 (@​aws-sdk/client-sfn)</summary>
### [`v3.501.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-sfn/CHANGELOG.md#35010-2024-01-26)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.499.0...v3.501.0)
**Note:** Version bump only for package [@​aws-sdk/client-sfn](https://togithub.com/aws-sdk/client-sfn)
### [`v3.499.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-sfn/CHANGELOG.md#34990-2024-01-24)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.496.0...v3.499.0)
**Note:** Version bump only for package [@​aws-sdk/client-sfn](https://togithub.com/aws-sdk/client-sfn)
</details>
<details>
<summary>aws/aws-sdk-js-v3 (@​aws-sdk/s3-request-presigner)</summary>
### [`v3.501.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/packages/s3-request-presigner/CHANGELOG.md#35010-2024-01-26)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.499.0...v3.501.0)
**Note:** Version bump only for package [@​aws-sdk/s3-request-presigner](https://togithub.com/aws-sdk/s3-request-presigner)
### [`v3.499.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/packages/s3-request-presigner/CHANGELOG.md#34990-2024-01-24)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.498.0...v3.499.0)
**Note:** Version bump only for package [@​aws-sdk/s3-request-presigner](https://togithub.com/aws-sdk/s3-request-presigner)
### [`v3.498.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/packages/s3-request-presigner/CHANGELOG.md#34980-2024-01-23)
[Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.496.0...v3.498.0)
**Note:** Version bump only for package [@​aws-sdk/s3-request-presigner](https://togithub.com/aws-sdk/s3-request-presigner)
</details>
<details>
<summary>mui/material-ui (@​mui/icons-material)</summary>
### [`v5.15.6`](https://togithub.com/mui/material-ui/blob/HEAD/CHANGELOG.md#v5156)
[Compare Source](https://togithub.com/mui/material-ui/compare/v5.15.5...v5.15.6)
*Jan 22, 2024*
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
##### `@mui/material@5.15.6`
- \[Avatar] Use variants api ([#​40324](https://togithub.com/mui/material-ui/issues/40324)) [@​mnajdova](https://togithub.com/mnajdova)
- \[TablePagination] Accept readonly array for `rowsPerPageOptions` prop ([#​40481](https://togithub.com/mui/material-ui/issues/40481)) [@​pcorpet](https://togithub.com/pcorpet)
- \[PaginationItem] Deprecate classes for v6 ([#​40673](https://togithub.com/mui/material-ui/issues/40673)) [@​sai6855](https://togithub.com/sai6855)
- \[Rating] Fix rating width via min-content ([#​40503](https://togithub.com/mui/material-ui/issues/40503)) [@​devhik0](https://togithub.com/devhik0)
##### `@mui/base@5.0.0-beta.33`
- \[Select] Fix display of selected Options with rich content ([#​40689](https://togithub.com/mui/material-ui/issues/40689)) [@​michaldudak](https://togithub.com/michaldudak)
- \[Select] Use Popup instead of Popper ([#​40524](https://togithub.com/mui/material-ui/issues/40524)) [@​michaldudak](https://togithub.com/michaldudak)
- \[useMenuButton] Fix non native button triggers ([#​40645](https://togithub.com/mui/material-ui/issues/40645)) [@​DiegoAndai](https://togithub.com/DiegoAndai)
##### `@mui/system@5.15.6`
- \[zero] Fix theme token import in source file ([#​40691](https://togithub.com/mui/material-ui/issues/40691)) [@​brijeshb42](https://togithub.com/brijeshb42)
- \[zero] Add support for css import ([#​40541](https://togithub.com/mui/material-ui/issues/40541)) [@​brijeshb42](https://togithub.com/brijeshb42)
##### `@mui/icons-material@5.15.6`
- \[icons-material] Fix icons package.json version ([#​40655](https://togithub.com/mui/material-ui/issues/40655)) [@​mj12albert](https://togithub.com/mj12albert)
##### Docs
- \[base-ui] Polish the Slider demos ([#​40332](https://togithub.com/mui/material-ui/issues/40332)) [@​danilo-leal](https://togithub.com/danilo-leal)
- \[base-ui]\[Slider] Fix plain CSS demo's wrong keyboard behavior ([#​40652](https://togithub.com/mui/material-ui/issues/40652)) [@​mnajdova](https://togithub.com/mnajdova)
- \[base-ui]\[TextareaAutosize] Add border-box to demo ([#​40646](https://togithub.com/mui/material-ui/issues/40646)) [@​ANUGLYPLUGIN](https://togithub.com/ANUGLYPLUGIN)
- Fix brand name non-breaking space ([#​40701](https://togithub.com/mui/material-ui/issues/40701)) [@​oliviertassinari](https://togithub.com/oliviertassinari)
- Improve error message for MUI Vale rule [@​oliviertassinari](https://togithub.com/oliviertassinari)
- Add notification to publish the survey ([#​40552](https://togithub.com/mui/material-ui/issues/40552)) [@​joserodolfofreitas](https://togithub.com/joserodolfofreitas)
- \[system] Explain a bit more how AppRouterCacheProvider works [@​oliviertassinari](https://togithub.com/oliviertassinari)
- \[joy-ui] Move tutorial to iframe ([#​40567](https://togithub.com/mui/material-ui/issues/40567)) [@​oliviertassinari](https://togithub.com/oliviertassinari)
- \[material-ui]\[Slider] Remove custom divs from new demo ([#​40674](https://togithub.com/mui/material-ui/issues/40674)) [@​zanivan](https://togithub.com/zanivan)
- \[material-ui] Improve TabContext, TabList, and TabPanel documentation ([#​40587](https://togithub.com/mui/material-ui/issues/40587)) [@​anle9650](https://togithub.com/anle9650)
- \[material-ui]\[Slider] Added custom mark labels demo ([#​40647](https://togithub.com/mui/material-ui/issues/40647)) [@​DonikaV](https://togithub.com/DonikaV)
##### Core
- \[core] Fix RXDB-logo Url ([#​40724](https://togithub.com/mui/material-ui/issues/40724)) [@​mohamedsaiedd](https://togithub.com/mohamedsaiedd)
- \[code-infra] Improve proptypes-generation ([#​40617](https://togithub.com/mui/material-ui/issues/40617)) [@​alexfauquette](https://togithub.com/alexfauquette)
- \[code-infra] Disable pnpm package cache on CircleCI ([#​40670](https://togithub.com/mui/material-ui/issues/40670)) [@​michaldudak](https://togithub.com/michaldudak)
- \[code-infra] Add missing package to CodeSandbox CI config ([#​40657](https://togithub.com/mui/material-ui/issues/40657)) [@​michaldudak](https://togithub.com/michaldudak)
- \[code-infra] Remove unnecessary [@​mui/utils](https://togithub.com/mui/utils) dependency from api-docs-builder ([#​40632](https://togithub.com/mui/material-ui/issues/40632)) [@​michaldudak](https://togithub.com/michaldudak)
- \[core] Polish issue templates [@​oliviertassinari](https://togithub.com/oliviertassinari)
- \[docs-infra] Support markdown link in slots descriptions ([#​40679](https://togithub.com/mui/material-ui/issues/40679)) [@​alexfauquette](https://togithub.com/alexfauquette)
- \[examples] Simplify Next.js example ([#​40661](https://togithub.com/mui/material-ui/issues/40661)) [@​oliviertassinari](https://togithub.com/oliviertassinari)
- \[website] Fix broken styles on Base UI page ([#​40683](https://togithub.com/mui/material-ui/issues/40683)) [@​michaldudak](https://togithub.com/michaldudak)
All contributors of this release in alphabetical order: [@​alexfauquette](https://togithub.com/alexfauquette), [@​anle9650](https://togithub.com/anle9650), [@​ANUGLYPLUGIN](https://togithub.com/ANUGLYPLUGIN), [@​brijeshb42](https://togithub.com/brijeshb42), [@​danilo-leal](https://togithub.com/danilo-leal), [@​devhik0](https://togithub.com/devhik0), [@​DiegoAndai](https://togithub.com/DiegoAndai), [@​DonikaV](https://togithub.com/DonikaV), [@​joserodolfofreitas](https://togithub.com/joserodolfofreitas), [@​michaldudak](https://togithub.com/michaldudak), [@​mj12albert](https://togithub.com/mj12albert), [@​mnajdova](https://togithub.com/mnajdova), [@​mohamedsaiedd](https://togithub.com/mohamedsaiedd), [@​oliviertassinari](https://togithub.com/oliviertassinari), [@​pcorpet](https://togithub.com/pcorpet), [@​sai6855](https://togithub.com/sai6855), [@​zanivan](https://togithub.com/zanivan)
</details>
<details>
<summary>mui/mui-x (@​mui/x-date-pickers)</summary>
### [`v6.19.2`](https://togithub.com/mui/mui-x/compare/v6.19.0...v6.19.2)
[Compare Source](https://togithub.com/mui/mui-x/compare/v6.19.0...v6.19.2)
</details>
<details>
<summary>reduxjs/redux-toolkit (@​reduxjs/toolkit)</summary>
### [`v2.1.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.1.0)
[Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.1...v2.1.0)
This *minor release*:
- adds withTypes methods to `listenerMiddleware` and `createDraftSafeSelector`
- adds a `skipPollingIfUnfocused` option to RTK Query
- adds the ability to customise the `createSelector` instance used by RTK Query
- reworks slice selector logic to avoid depending on `this` value
- fixes the order and inference of `create.asyncThunk` type parameters
- fixes requirements for meta fields returned from `queryFn`s
- marks promises that will never reject as safe, in preparation for [https://github.com/typescript-eslint/typescript-eslint/issues/7008](https://togithub.com/typescript-eslint/typescript-eslint/issues/7008)
#### What's Changed
- Update docs to avoid circular type by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3948](https://togithub.com/reduxjs/redux-toolkit/pull/3948)
- Copy "Migrating to Modern Redux" and "RTK is Redux" docs from core site by [@​markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3956](https://togithub.com/reduxjs/redux-toolkit/pull/3956)
- Fix store path rtk-query pokemon api tutorial by [@​suspiciousRaccoon](https://togithub.com/suspiciousRaccoon) in [https://github.com/reduxjs/redux-toolkit/pull/3611](https://togithub.com/reduxjs/redux-toolkit/pull/3611)
- tweak RTKQ without hooks section, and add note regarding memoization by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3963](https://togithub.com/reduxjs/redux-toolkit/pull/3963)
- Add section regarding overriding deps by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3968](https://togithub.com/reduxjs/redux-toolkit/pull/3968)
- Add section re: RR custom context typing change by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3995](https://togithub.com/reduxjs/redux-toolkit/pull/3995)
- Add Expo demo app to CI workflow by [@​aryaemami59](https://togithub.com/aryaemami59) in [https://github.com/reduxjs/redux-toolkit/pull/3985](https://togithub.com/reduxjs/redux-toolkit/pull/3985)
- docs: fix a typo in queries markdown file by [@​fatihgnc](https://togithub.com/fatihgnc) in [https://github.com/reduxjs/redux-toolkit/pull/4013](https://togithub.com/reduxjs/redux-toolkit/pull/4013)
- Preserve nullable store state type by avoiding intersection with {} by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/4011](https://togithub.com/reduxjs/redux-toolkit/pull/4011)
- Upgrade version of "graphql-request" by [@​phryneas](https://togithub.com/phryneas) in [https://github.com/reduxjs/redux-toolkit/pull/4026](https://togithub.com/reduxjs/redux-toolkit/pull/4026)
- \[graphql-request-base-query] update RTK peerDependency by [@​phryneas](https://togithub.com/phryneas) in [https://github.com/reduxjs/redux-toolkit/pull/4027](https://togithub.com/reduxjs/redux-toolkit/pull/4027)
- fix: improve selectFromResult memoization by [@​thisjeremiah](https://togithub.com/thisjeremiah) in [https://github.com/reduxjs/redux-toolkit/pull/4029](https://togithub.com/reduxjs/redux-toolkit/pull/4029)
- Rename "createSliceWithThunks" and "createThunkSlice" to "createAppSlice" by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/4035](https://togithub.com/reduxjs/redux-toolkit/pull/4035)
- Bump Vitest to latest version by [@​aryaemami59](https://togithub.com/aryaemami59) in [https://github.com/reduxjs/redux-toolkit/pull/4047](https://togithub.com/reduxjs/redux-toolkit/pull/4047)
- fix inference and order of async thunk generics by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/4061](https://togithub.com/reduxjs/redux-toolkit/pull/4061)
- Fix markdown links on Next.js page by [@​DmitryScaletta](https://togithub.com/DmitryScaletta) in [https://github.com/reduxjs/redux-toolkit/pull/4069](https://togithub.com/reduxjs/redux-toolkit/pull/4069)
- Introduce pre-typed listener middleware via `listenerMiddleware.withTypes<RootState, AppDispatch>()` method by [@​aryaemami59](https://togithub.com/aryaemami59) in [https://github.com/reduxjs/redux-toolkit/pull/4049](https://togithub.com/reduxjs/redux-toolkit/pull/4049)
- Add `.withTypes` to `createDraftSafeSelector` by [@​aryaemami59](https://togithub.com/aryaemami59) in [https://github.com/reduxjs/redux-toolkit/pull/4080](https://togithub.com/reduxjs/redux-toolkit/pull/4080)
- Task/remove all settled by [@​bever1337](https://togithub.com/bever1337) in [https://github.com/reduxjs/redux-toolkit/pull/3917](https://togithub.com/reduxjs/redux-toolkit/pull/3917)
- Allow customising createSelector instance used by RTKQ by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/4048](https://togithub.com/reduxjs/redux-toolkit/pull/4048)
- cacheLifecycle fix for fixedCacheKey in mutationThunk by [@​riqts](https://togithub.com/riqts) in [https://github.com/reduxjs/redux-toolkit/pull/4082](https://togithub.com/reduxjs/redux-toolkit/pull/4082)
- avoid relying on `this` in createSlice by [@​EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/4071](https://togithub.com/reduxjs/redux-toolkit/pull/4071)
- documentation: fix grammar in redux and redux toolkit comparison by
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "before 5am on sunday" (UTC), Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.
♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
👻 **Immortal**: This PR will be recreated if closed unmerged. Get [config help](https://togithub.com/renovatebot/renovate/discussions) if that's undesired.
---
- [ ] If you want to rebase/retry this PR, check this box
---
This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/SvenKirschbaum/share.kirschbaum.cloud).
github-merge-queue bot
referenced
this pull request
in valora-inc/wallet
Mar 4, 2024
[](https://renovatebot.com)
This PR contains the following updates:
| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@reduxjs/toolkit](https://redux-toolkit.js.org)
([source](https://togithub.com/reduxjs/redux-toolkit)) | [`^1.9.7` ->
`^2.2.1`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/1.9.7/2.2.1)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
---
### Release Notes
<details>
<summary>reduxjs/redux-toolkit (@​reduxjs/toolkit)</summary>
###
[`v2.2.1`](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.0...v2.2.1)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.0...v2.2.1)
###
[`v2.2.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.2.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.1.0...v2.2.0)
This *minor release*:
- Adds a second parameter to
`entityAdapter.getInitialState(additionalProps, entities)` to allow
prefilling state
- Equivalent to
`entityAdapter.setAll(entityAdapter.getInitialState(additionalProps),
entities)`
- First parameter can be `undefined` if no additional properties are
desired
- Allows initialising `combineSlices` with no static reducers
- Previously `const combinedReducer =
combineSlices().withLazyLoadedSlices<LazyLoadedSlices>()` would have
thrown an error
- Now returns a "no-op" reducer that just returns an empty object until
first reducer injected
- Allows a new `'throw'` value for `overrideExisting` in
`injectEndpoints`, which throws an error if a definition is injected
with a name which is already used
- Exports more type helpers for RTKQ hook and trigger types
- Exports types related to overriding result types in `enhanceEndpoints`
- Fixes state inference for injected slices when undeclared (i.e. not in
`LazyLoadedSlices`)
- Adds a `action.meta.arg.isPrefetch` value to query thunk actions when
prefetched
#### What's Changed
- Revamp type tests setup by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4095](https://togithub.com/reduxjs/redux-toolkit/pull/4095)
- Bump Prettier and Prettier related packages by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4126](https://togithub.com/reduxjs/redux-toolkit/pull/4126)
- Fix codemods to work with TypeScript 4.7+ by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4081](https://togithub.com/reduxjs/redux-toolkit/pull/4081)
- Export types related to overriding the result types by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4134](https://togithub.com/reduxjs/redux-toolkit/pull/4134)
- Migrate type tests to Vitest by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4127](https://togithub.com/reduxjs/redux-toolkit/pull/4127)
- Fix RetryOptions type test by flipping order by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4136](https://togithub.com/reduxjs/redux-toolkit/pull/4136)
- Format all files by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4135](https://togithub.com/reduxjs/redux-toolkit/pull/4135)
- \[Docs/Website] skipPollingIfUnfocused added to polling overview and
query options by [@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4131](https://togithub.com/reduxjs/redux-toolkit/pull/4131)
- \[Docs] Changed create.asyncThunk setup admonition to caution by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4150](https://togithub.com/reduxjs/redux-toolkit/pull/4150)
- Temporarily revert node-fetch bump until ESM issues are sorted by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4151](https://togithub.com/reduxjs/redux-toolkit/pull/4151)
- Contributing Markdown Refresh by
[@​itz-Me-Pj](https://togithub.com/itz-Me-Pj) in
[https://github.com/reduxjs/redux-toolkit/pull/4139](https://togithub.com/reduxjs/redux-toolkit/pull/4139)
- investigate re-adding size limit action by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4083](https://togithub.com/reduxjs/redux-toolkit/pull/4083)
- Add size limit imports for more commonly used RTK exports by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4155](https://togithub.com/reduxjs/redux-toolkit/pull/4155)
- pure some things by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4157](https://togithub.com/reduxjs/redux-toolkit/pull/4157)
- cut back on suffixes tested for size by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4160](https://togithub.com/reduxjs/redux-toolkit/pull/4160)
- Incorrect builder method referenced by
[@​kantbtrue](https://togithub.com/kantbtrue) in
[https://github.com/reduxjs/redux-toolkit/pull/4161](https://togithub.com/reduxjs/redux-toolkit/pull/4161)
- Rename `cli.js` to `cli.mjs` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4169](https://togithub.com/reduxjs/redux-toolkit/pull/4169)
- Migrate Codegen OpenAPI's unit tests to Vitest by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4137](https://togithub.com/reduxjs/redux-toolkit/pull/4137)
- Fix wrong state for injected slices when not declared via
`withLazyLoadedSlices` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4172](https://togithub.com/reduxjs/redux-toolkit/pull/4172)
- \[Docs, createEntityAdapter API]: add missing setOne and setMany
signature by [@​kyselberg](https://togithub.com/kyselberg) in
[https://github.com/reduxjs/redux-toolkit/pull/4173](https://togithub.com/reduxjs/redux-toolkit/pull/4173)
- Corrected the "Observing cache behaviour" example point no.4 by
[@​721-atikshaikh](https://togithub.com/721-atikshaikh) in
[https://github.com/reduxjs/redux-toolkit/pull/4174](https://togithub.com/reduxjs/redux-toolkit/pull/4174)
- feat: add isPrefetch property in query action by
[@​juliengbt](https://togithub.com/juliengbt) in
[https://github.com/reduxjs/redux-toolkit/pull/4177](https://togithub.com/reduxjs/redux-toolkit/pull/4177)
- allow initialising combined slice reducer with no static slices by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4184](https://togithub.com/reduxjs/redux-toolkit/pull/4184)
- Create more Typed wrappers for RTKQ hook types by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4147](https://togithub.com/reduxjs/redux-toolkit/pull/4147)
- proposal fix for axios base query types by
[@​smff](https://togithub.com/smff) in
[https://github.com/reduxjs/redux-toolkit/pull/4186](https://togithub.com/reduxjs/redux-toolkit/pull/4186)
- Provide 'throw' option for `overrideExisting` by
[@​ffluk3](https://togithub.com/ffluk3) in
[https://github.com/reduxjs/redux-toolkit/pull/4189](https://togithub.com/reduxjs/redux-toolkit/pull/4189)
- Use vite-tsconfig-paths to make path aliasing easier by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4175](https://togithub.com/reduxjs/redux-toolkit/pull/4175)
- Remove trailing commas in `tsconfig.json` files of all CodesandBox
examples by [@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4190](https://togithub.com/reduxjs/redux-toolkit/pull/4190)
- \[Docs] Added withTypes documentation in createDraftSafeSelector by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4143](https://togithub.com/reduxjs/redux-toolkit/pull/4143)
- Add second parameter to getInitialState to prefill entities by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4183](https://togithub.com/reduxjs/redux-toolkit/pull/4183)
#### New Contributors
- [@​itz-Me-Pj](https://togithub.com/itz-Me-Pj) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4139](https://togithub.com/reduxjs/redux-toolkit/pull/4139)
- [@​kantbtrue](https://togithub.com/kantbtrue) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4161](https://togithub.com/reduxjs/redux-toolkit/pull/4161)
- [@​kyselberg](https://togithub.com/kyselberg) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4173](https://togithub.com/reduxjs/redux-toolkit/pull/4173)
- [@​721-atikshaikh](https://togithub.com/721-atikshaikh) made
their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4174](https://togithub.com/reduxjs/redux-toolkit/pull/4174)
- [@​smff](https://togithub.com/smff) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4186](https://togithub.com/reduxjs/redux-toolkit/pull/4186)
- [@​ffluk3](https://togithub.com/ffluk3) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4189](https://togithub.com/reduxjs/redux-toolkit/pull/4189)
**Full Changelog**:
https://github.com/reduxjs/redux-toolkit/compare/v2.1.0...v2.2.0
###
[`v2.1.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.1.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.1...v2.1.0)
This *minor release*:
- adds withTypes methods to `listenerMiddleware` and
`createDraftSafeSelector`
- adds a `skipPollingIfUnfocused` option to RTK Query
- adds the ability to customise the `createSelector` instance used by
RTK Query
- reworks slice selector logic to avoid depending on `this` value
- fixes the order and inference of `create.asyncThunk` type parameters
- fixes requirements for meta fields returned from `queryFn`s
- marks promises that will never reject as safe, in preparation for
[https://github.com/typescript-eslint/typescript-eslint/issues/7008](https://togithub.com/typescript-eslint/typescript-eslint/issues/7008)
#### What's Changed
- Update docs to avoid circular type by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3948](https://togithub.com/reduxjs/redux-toolkit/pull/3948)
- Copy "Migrating to Modern Redux" and "RTK is Redux" docs from core
site by [@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3956](https://togithub.com/reduxjs/redux-toolkit/pull/3956)
- Fix store path rtk-query pokemon api tutorial by
[@​suspiciousRaccoon](https://togithub.com/suspiciousRaccoon) in
[https://github.com/reduxjs/redux-toolkit/pull/3611](https://togithub.com/reduxjs/redux-toolkit/pull/3611)
- tweak RTKQ without hooks section, and add note regarding memoization
by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3963](https://togithub.com/reduxjs/redux-toolkit/pull/3963)
- Add section regarding overriding deps by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3968](https://togithub.com/reduxjs/redux-toolkit/pull/3968)
- Add section re: RR custom context typing change by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3995](https://togithub.com/reduxjs/redux-toolkit/pull/3995)
- Add Expo demo app to CI workflow by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/3985](https://togithub.com/reduxjs/redux-toolkit/pull/3985)
- docs: fix a typo in queries markdown file by
[@​fatihgnc](https://togithub.com/fatihgnc) in
[https://github.com/reduxjs/redux-toolkit/pull/4013](https://togithub.com/reduxjs/redux-toolkit/pull/4013)
- Preserve nullable store state type by avoiding intersection with {} by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4011](https://togithub.com/reduxjs/redux-toolkit/pull/4011)
- Upgrade version of "graphql-request" by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/4026](https://togithub.com/reduxjs/redux-toolkit/pull/4026)
- \[graphql-request-base-query] update RTK peerDependency by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/4027](https://togithub.com/reduxjs/redux-toolkit/pull/4027)
- fix: improve selectFromResult memoization by
[@​thisjeremiah](https://togithub.com/thisjeremiah) in
[https://github.com/reduxjs/redux-toolkit/pull/4029](https://togithub.com/reduxjs/redux-toolkit/pull/4029)
- Rename "createSliceWithThunks" and "createThunkSlice" to
"createAppSlice" by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4035](https://togithub.com/reduxjs/redux-toolkit/pull/4035)
- Bump Vitest to latest version by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4047](https://togithub.com/reduxjs/redux-toolkit/pull/4047)
- fix inference and order of async thunk generics by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4061](https://togithub.com/reduxjs/redux-toolkit/pull/4061)
- Fix markdown links on Next.js page by
[@​DmitryScaletta](https://togithub.com/DmitryScaletta) in
[https://github.com/reduxjs/redux-toolkit/pull/4069](https://togithub.com/reduxjs/redux-toolkit/pull/4069)
- Introduce pre-typed listener middleware via
`listenerMiddleware.withTypes<RootState, AppDispatch>()` method by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4049](https://togithub.com/reduxjs/redux-toolkit/pull/4049)
- Add `.withTypes` to `createDraftSafeSelector` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4080](https://togithub.com/reduxjs/redux-toolkit/pull/4080)
- Task/remove all settled by
[@​bever1337](https://togithub.com/bever1337) in
[https://github.com/reduxjs/redux-toolkit/pull/3917](https://togithub.com/reduxjs/redux-toolkit/pull/3917)
- Allow customising createSelector instance used by RTKQ by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4048](https://togithub.com/reduxjs/redux-toolkit/pull/4048)
- cacheLifecycle fix for fixedCacheKey in mutationThunk by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4082](https://togithub.com/reduxjs/redux-toolkit/pull/4082)
- avoid relying on `this` in createSlice by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4071](https://togithub.com/reduxjs/redux-toolkit/pull/4071)
- documentation: fix grammar in redux and redux toolkit comparison by
[@​untilhamza](https://togithub.com/untilhamza) in
[https://github.com/reduxjs/redux-toolkit/pull/4086](https://togithub.com/reduxjs/redux-toolkit/pull/4086)
- Update `tsconfig.typetests.json` to include all TS files by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4091](https://togithub.com/reduxjs/redux-toolkit/pull/4091)
- Remove abort event listner for AbortController by
[@​Fonger](https://togithub.com/Fonger) in
[https://github.com/reduxjs/redux-toolkit/pull/3951](https://togithub.com/reduxjs/redux-toolkit/pull/3951)
- Docs: unused value 'isRejected' in code snippet by
[@​alphonsotran](https://togithub.com/alphonsotran) in
[https://github.com/reduxjs/redux-toolkit/pull/3301](https://togithub.com/reduxjs/redux-toolkit/pull/3301)
- fix/kitchen-sink-isAuthenticated: fixed isAuthenticated state change
on login fullfilled by
[@​shrijan00003](https://togithub.com/shrijan00003) in
[https://github.com/reduxjs/redux-toolkit/pull/3588](https://togithub.com/reduxjs/redux-toolkit/pull/3588)
- Fix `composeWithDevTools` spy by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4093](https://togithub.com/reduxjs/redux-toolkit/pull/4093)
- require queryFn meta to match base query by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4098](https://togithub.com/reduxjs/redux-toolkit/pull/4098)
- Added 'SafePromise' branded Promises for createAsyncThunk by
[@​JoshuaKGoldberg](https://togithub.com/JoshuaKGoldberg) in
[https://github.com/reduxjs/redux-toolkit/pull/4102](https://togithub.com/reduxjs/redux-toolkit/pull/4102)
- Add React Native demo app to CI workflow by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/3984](https://togithub.com/reduxjs/redux-toolkit/pull/3984)
- Modernize unit test setup by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4114](https://togithub.com/reduxjs/redux-toolkit/pull/4114)
- Add missing reducer field to ConfigureStoreOptions docs by
[@​nickgirardo](https://togithub.com/nickgirardo) in
[https://github.com/reduxjs/redux-toolkit/pull/4116](https://togithub.com/reduxjs/redux-toolkit/pull/4116)
- Option for queries to pause polling when unfocused by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4055](https://togithub.com/reduxjs/redux-toolkit/pull/4055)
#### New Contributors
- [@​suspiciousRaccoon](https://togithub.com/suspiciousRaccoon)
made their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3611](https://togithub.com/reduxjs/redux-toolkit/pull/3611)
- [@​fatihgnc](https://togithub.com/fatihgnc) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4013](https://togithub.com/reduxjs/redux-toolkit/pull/4013)
- [@​thisjeremiah](https://togithub.com/thisjeremiah) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4029](https://togithub.com/reduxjs/redux-toolkit/pull/4029)
- [@​riqts](https://togithub.com/riqts) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4082](https://togithub.com/reduxjs/redux-toolkit/pull/4082)
- [@​untilhamza](https://togithub.com/untilhamza) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4086](https://togithub.com/reduxjs/redux-toolkit/pull/4086)
- [@​Fonger](https://togithub.com/Fonger) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3951](https://togithub.com/reduxjs/redux-toolkit/pull/3951)
- [@​alphonsotran](https://togithub.com/alphonsotran) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3301](https://togithub.com/reduxjs/redux-toolkit/pull/3301)
- [@​shrijan00003](https://togithub.com/shrijan00003) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3588](https://togithub.com/reduxjs/redux-toolkit/pull/3588)
- [@​JoshuaKGoldberg](https://togithub.com/JoshuaKGoldberg) made
their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4102](https://togithub.com/reduxjs/redux-toolkit/pull/4102)
- [@​nickgirardo](https://togithub.com/nickgirardo) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4116](https://togithub.com/reduxjs/redux-toolkit/pull/4116)
**Full Changelog**:
https://github.com/reduxjs/redux-toolkit/compare/v2.0.1...v2.1.0
###
[`v2.0.1`](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.0...v2.0.1)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.0...v2.0.1)
###
[`v2.0.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.0.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.7...v2.0.0)
This **major release** :
- Removes the deprecated object syntax from `createSlice` and
`createReducer`
- Removes other deprecated options
- Updates the `middleware` and `enhancers` options of `configureStore`
to require callbacks
- Updates the packaging for better ESM/CJS compatibility and modernizes
the build output
- Includes all changes to [Redux core
5.0](https://togithub.com/reduxjs/redux/releases/tag/v5.0.0), [Reselect
5.0](https://togithub.com/reduxjs/reselect/releases/tag/v5.0.0), and
[Redux Thunk
3.0](https://togithub.com/reduxjs/redux-thunk/releases/tag/v3.0.0)
- Updates RTKQ default subscription behavior
- Adds a new `combineSlices` method with support for lazy-loading slice
reducers
- Adds a new "dynamic middleware" middleware with support for adding
middleware at runtime
- Adds a new callback syntax to `createSlice.reducers`, with optional
support for defining thunks inside of `createSlice`
- Adds the `autoBatchEnhancer` to `configureStore` by default
- Has many additional TS tweaks and improvements
This release has **breaking changes**. (Note: v2.0.1 was released with a
couple hotfixes for Reselect and Redux Thunk right as this was being
finalized.)
This release is part of a wave of major versions of all the Redux
packages: **Redux Toolkit 2.0, Redux core 5.0, React-Redux 9.0, Reselect
5.0, and Redux Thunk 3.0**.
For full details on all of the breaking changes and other significant
changes to all of those packages, see the **["Migrating to RTK 2.0 and
Redux 5.0" migration
guide](https://redux.js.org/usage/migrations/migrating-rtk-2)** in the
Redux docs.
> \[!NOTE]
> The Redux core, Reselect, and Redux Thunk packages are included as
part of Redux Toolkit, and RTK users do not need to manually upgrade
them - you'll get them as part of the upgrade to RTK 2.0. (If you're not
using Redux Toolkit yet, [**please start migrating your existing legacy
Redux code to use Redux Toolkit
today!**](https://redux.js.org/usage/migrating-to-modern-redux))
```bash
##### RTK
npm install @​reduxjs/toolkit
yarn add @​reduxjs/toolkit
```
##### Changelog
##### Object syntax for `createSlice.extraReducers` and `createReducer`
removed
RTK's `createReducer` API was originally designed to accept a lookup
table of action type strings to case reducers, like `{ "ADD_TODO":
(state, action) => {} }`. We later added the "builder callback" form to
allow more flexibility in adding "matchers" and a default handler, and
did the same for `createSlice.extraReducers`.
We have removed the "object" form for both `createReducer` and
`createSlice.extraReducers` in RTK 2.0, as the builder callback form is
effectively the same number of lines of code, and works much better with
TypeScript.
As an example, this:
```ts
const todoAdded = createAction('todos/todoAdded')
createReducer(initialState, {
[todoAdded]: (state, action) => {},
})
createSlice({
name,
initialState,
reducers: {
/* case reducers here */
},
extraReducers: {
[todoAdded]: (state, action) => {},
},
})
```
should be migrated to:
```ts
createReducer(initialState, (builder) => {
builder.addCase(todoAdded, (state, action) => {})
})
createSlice({
name,
initialState,
reducers: {
/* case reducers here */
},
extraReducers: (builder) => {
builder.addCase(todoAdded, (state, action) => {})
},
})
```
##### Codemods
To simplify upgrading codebases, we've published a set of codemods that
will automatically transform the deprecated "object" syntax into the
equivalent "builder" syntax.
The codemods package is available on NPM as
[`@reduxjs/rtk-codemods`](https://www.npmjs.com/package/@​reduxjs/rtk-codemods).
More details are available [here](../api/codemods).
To run the codemods against your codebase, run `npx
@​reduxjs/rtk-codemods <TRANSFORM NAME> path/of/files/
or/some**/*glob.js.`
Examples:
```sh
npx @​reduxjs/rtk-codemods createReducerBuilder ./src
npx @​reduxjs/rtk-codemods createSliceBuilder ./packages/my-app/**/*.ts
```
We also recommend re-running Prettier on the codebase before committing
the changes.
These codemods should work, but we would greatly appreciate feedback
from more real-world codebases!
##### `configureStore` Options Changes
##### `configureStore.middleware` must be a callback
Since the beginning, `configureStore` has accepted a direct array value
as the `middleware` option. However, providing an array directly
prevents `configureStore` from calling `getDefaultMiddleware()`. So,
`middleware: [myMiddleware]` means there is no thunk middleware added
(or any of the dev-mode checks).
This is a footgun, and we've had numerous users accidentally do this and
cause their apps to fail because the default middleware never got
configured.
As a result, we've now made the `middleware` only accept the callback
form. *If* for some reason you still want to replace *all* of the
built-in middleware, do so by returning an array from the callback:
```ts
const store = configureStore({
reducer,
middleware: (getDefaultMiddleware) => {
// WARNING: this means that _none_ of the default middleware are added!
return [myMiddleware]
// or for TS users, use:
// return new Tuple(myMiddleware)
},
})
```
But note that **we consistently recommend not replacing the default
middleware entirely**, and that you should use `return
getDefaultMiddleware().concat(myMiddleware)`.
##### `configureStore.enhancers` must be a callback
Similarly to `configureStore.middleware`, the `enhancers` field must
also be a callback, for the same reasons.
The callback will receive a `getDefaultEnhancers` function that can be
used to customise the batching enhancer [that's now included by
default](#configurestore-adds-autobatchenhancer-by-default).
For example:
```ts
const store = configureStore({
reducer,
enhancers: (getDefaultEnhancers) => {
return getDefaultEnhancers({
autoBatch: { type: 'tick' },
}).concat(myEnhancer)
},
})
```
It's important to note that the result of `getDefaultEnhancers` will
**also** contain the middleware enhancer created with any
configured/default middleware. To help prevent mistakes,
`configureStore` will log an error to console if middleware was provided
and the middleware enhancer wasn't included in the callback result.
```ts
const store = configureStore({
reducer,
enhancers: (getDefaultEnhancers) => {
return [myEnhancer] // we've lost the middleware here
// instead:
return getDefaultEnhancers().concat(myEnhancer)
},
})
```
Also, note that **if you supply the `enhancers` field, it *must* come
*after* the `middleware` field in order for TS inference to work
properly**.
##### Standalone `getDefaultMiddleware` and `getType` removed
The standalone version of `getDefaultMiddleware` has been deprecated
since v1.6.1, and has now been removed. Use the function passed to the
`middleware` callback instead, which has the correct types.
We have also removed the `getType` export, which was used to extract a
type string from action creators made with `createAction`. Instead, use
the static property `actionCreator.type`.
##### RTK Query behaviour changes
We've had a number of reports where RTK Query had issues around usage of
`dispatch(endpoint.initiate(arg, {subscription: false}))`. There were
also reports that multiple triggered lazy queries were resolving the
promises at the wrong time. Both of these had the same underlying issue,
which was that RTKQ wasn't tracking cache entries in these cases
(intentionally). We've reworked the logic to always track cache entries
(and remove them as needed), which should resolve those behavior issues.
We also have had issues raised about trying to run multiple mutations in
a row and how tag invalidation behaves. RTKQ now has internal logic to
delay tag invalidation briefly, to allow multiple invalidations to get
handled together. This is controlled by a new `invalidationBehavior:
'immediate' | 'delayed'` flag on `createApi`. The new default behavior
is `'delayed'`. Set it to `'immediate'` to revert to the behavior in RTK
1.9.
In RTK 1.9, we reworked RTK Query's internals to keep most of the
subscription status inside the RTKQ middleware. The values are still
synced to the Redux store state, but this is primarily for display by
the Redux DevTools "RTK Query" panel. Related to the cache entry changes
above, we've optimized how often those values get synced to the Redux
state for perf.
##### ESM/CJS Package Compatibility
The biggest theme of the Redux v5 and RTK 2.0 releases is trying to get
"true" ESM package publishing compatibility in place, while still
supporting CJS in the published package.
**The primary build artifact is now an ESM file,
`dist/redux-toolkit.modern.mjs`**. Most build tools should pick this up.
There's also a CJS artifact, and a second copy of the ESM file named
`redux-toolkit.legacy-esm.js` to support Webpack 4 (which does not
recognize the `exports` field in `package.json`). Additionally, all of
the build artifacts now live under `./dist/` in the published package.
##### Modernized Build Output
We now publish modern JS syntax targeting ES2020, including optional
chaining, object spread, and other modern syntax. If you need to
##### Build Tooling
We're now building the package using https://github.com/egoist/tsup. We
also now include sourcemaps for the ESM and CJS artifacts.
##### Dropping UMD Builds
Redux has always shipped with UMD build artifacts. These are primarily
meant for direct import as script tags, such as in a CodePen or a
no-bundler build environment.
We've dropped those build artifacts from the published package, on the
grounds that the use cases seem pretty rare today.
There's now a `redux-toolkit.browser.mjs` file in the package that can
be loaded from a CDN like Unpkg.
If you have strong use cases for us continuing to include UMD build
artifacts, please let us know!
##### Dependency Updates
##### Redux Libraries
RTK now depends on **[Redux core
5.0](https://togithub.com/reduxjs/redux/releases/tag/v5.0.0), [Reselect
5.0](https://togithub.com/reduxjs/reselect/releases/tag/v5.0.0), and
[Redux Thunk
3.0](https://togithub.com/reduxjs/redux-thunk/releases/tag/v3.0.0)**.
See the linked release notes for those libraries, as **each of them has
additional breaking changes**. The ["Migrating to RTK 2.0 and Redux 5.0"
docs page](https://redux.js.org/usage/migrations/migrating-rtk-2) also
covers the combined changes in one page
##### Immer 10
RTK now also depends on [Immer
10.0](https://togithub.com/immerjs/immer/releases/tag/v10.0.0), which
has several major improvements and updates:
- Much faster update perf
- Much smaller bundle size
- Better ESM/CJS package formatting
- No default export
- No ES5 fallback
We've also removed the prior call to automatically enable the Immer ES5
fallback mode any time RTK was loaded.
##### Other Changes
##### Bundle Size Optimizations
Redux 4.1.0 optimized its bundle size by [extracting error message
strings out of production
builds](https://togithub.com/reduxjs/redux/releases/tag/v4.1.0), based
on React's approach. We've applied the same technique to RTK. This saves
about 1000 bytes from prod bundles (actual benefits will depend on which
imports are being used).
We also noted that [ESBuild does not deduplicate imports when it bundles
source files](https://togithub.com/evanw/esbuild/issues/475), and this
was causing RTK Query's bundle to contain a dozen references to `import
{ } from "@​reduxjs/toolkit"`, including some of the same methods.
Manually deduplicating those saves about 600 bytes off the production
RTKQ artifact.
##### `reactHooksModule` custom hook configuration
Previously, custom versions of React Redux's hooks (`useSelector`,
`useDispatch`, and `useStore`) could be passed separately to
`reactHooksModule`, usually to enable using a different context to the
default `ReactReduxContext`.
In practicality, the react hooks module needs all three of these hooks
to be provided, and it became an easy mistake to only pass `useSelector`
and `useDispatch`, without `useStore`.
The module has now moved all three of these under the same configuration
key, and will check that all three are provided if the key is present.
```ts
// previously
const customCreateApi = buildCreateApi(
coreModule(),
reactHooksModule({
useDispatch: createDispatchHook(MyContext),
useSelector: createSelectorHook(MyContext),
useStore: createStoreHook(MyContext),
})
)
// now
const customCreateApi = buildCreateApi(
coreModule(),
reactHooksModule({
hooks: {
useDispatch: createDispatchHook(MyContext),
useSelector: createSelectorHook(MyContext),
useStore: createStoreHook(MyContext),
},
})
)
```
##### Deprecated Options Removed
Several other options were previously marked as deprecated, and have
been removed. We've also removed polyfills like the `AbortController`
polyfill.
##### TypeScript Changes
##### `configureStore` field order for `middleware` matters
If you are passing *both* the `middleware` and `enhancers` fields to
`configureStore`, the `middleware` field *must* come first in order for
internal TS inference to work properly.
##### Non-default middleware/enhancers must use `Tuple`
We've seen many cases where users passing the `middleware` parameter to
configureStore have tried spreading the array returned by
`getDefaultMiddleware()`, or passed an alternate plain array. This
unfortunately loses the exact TS types from the individual middleware,
and often causes TS problems down the road (such as `dispatch` being
typed as `Dispatch<AnyAction>` and not knowing about thunks).
`getDefaultMiddleware()` already used an internal `MiddlewareArray`
class, an `Array` subclass that had strongly typed `.concat/prepend()`
methods to correctly capture and retain the middleware types.
We've renamed that type to `Tuple`, and `configureStore`'s TS types now
require that you *must* use `Tuple` if you want to pass your own array
of middleware:
```ts
import { configureStore, Tuple } from '@​reduxjs/toolkit'
configureStore({
reducer: rootReducer,
middleware: (getDefaultMiddleware) => new Tuple(additionalMiddleware, logger),
})
```
(Note that this has no effect if you're using RTK with plain JS, and you
could still pass a plain array here.)
This same restriction applies to the `enhancers` field.
##### Entity adapter type updates
`createEntityAdapter` now has an `Id` generic argument, which will be
used to strongly type the item IDs anywhere those are exposed.
Previously, the ID field type was always `string | number`. TS will now
try to infer the exact type from either the `.id` field of your entity
type, or the `selectId` return type. You could also fall back to passing
that generic type directly. **If you use the `EntityState<Data, Id>`
type directly, you *must* supply both generic arguments!**
The `.entities` lookup table is now defined to use a standard TS
`Record<Id, MyEntityType>`, which assumes that each item lookup exists
by default. Previously, it used a `Dictionary<MyEntityType>` type, which
assumed the result was `MyEntityType | undefined`. The `Dictionary` type
has been removed.
If you prefer to assume that the lookups *might* be undefined, use
TypeScript's `noUncheckedIndexedAccess` configuration option to control
that.
##### New Features
These features are new in Redux Toolkit 2.0, and help cover additional
use cases that we've seen users ask for in the ecosystem.
##### `combineSlices` API with slice reducer injection for
code-splitting
The Redux core has always included `combineReducers`, which takes an
object full of "slice reducer" functions and generates a reducer that
calls those slice reducers. RTK's `createSlice` generates slice reducers
+ associated action creators, and we've taught the pattern of exporting
individual action creators as named exports and the slice reducer as a
default export. Meanwhile, we've never had official support for
lazy-loading reducers, although we've had [sample code for some "reducer
injection" patterns in our
docs](https://redux.js.org/usage/code-splitting).
This release includes a new [`combineSlices`](../api/combineSlices) API
that is designed to enable lazy-loading of reducers at runtime. It
accepts individual slices or an object full of slices as arguments, and
automatically calls `combineReducers` using the `sliceObject.name` field
as the key for each state field. The generated reducer function has an
additional `.inject()` method attached that can be used to dynamically
inject additional slices at runtime. It also includes a
`.withLazyLoadedSlices()` method that can be used to generate TS types
for reducers that will be added later. See
[#​2776](https://togithub.com/reduxjs/redux-toolkit/issues/2776)
for the original discussion around this idea.
For now, we are not building this into `configureStore`, so you'll need
to call `const rootReducer = combineSlices(.....)` yourself and pass
that to `configureStore({reducer: rootReducer})`.
**Basic usage: a mixture of slices and standalone reducers passed to
`combineSlices`**
```ts
const stringSlice = createSlice({
name: 'string',
initialState: '',
reducers: {},
})
const numberSlice = createSlice({
name: 'number',
initialState: 0,
reducers: {},
})
const booleanReducer = createReducer(false, () => {})
const api = createApi(/* */)
const combinedReducer = combineSlices(
stringSlice,
{
num: numberSlice.reducer,
boolean: booleanReducer,
},
api
)
expect(combinedReducer(undefined, dummyAction())).toEqual({
string: stringSlice.getInitialState(),
num: numberSlice.getInitialState(),
boolean: booleanReducer.getInitialState(),
api: api.reducer.getInitialState(),
})
```
**Basic slice reducer injection**
```ts
// Create a reducer with a TS type that knows `numberSlice` will be injected
const combinedReducer =
combineSlices(stringSlice).withLazyLoadedSlices<
WithSlice<typeof numberSlice>
>()
// `state.number` doesn't exist initially
expect(combinedReducer(undefined, dummyAction()).number).toBe(undefined)
// Create a version of the reducer with `numberSlice` injected (mainly useful for types)
const injectedReducer = combinedReducer.inject(numberSlice)
// `state.number` now exists, and injectedReducer's type no longer marks it as optional
expect(injectedReducer(undefined, dummyAction()).number).toBe(
numberSlice.getInitialState()
)
// original reducer has also been changed (type is still optional)
expect(combinedReducer(undefined, dummyAction()).number).toBe(
numberSlice.getInitialState()
)
```
##### `selectors` field in `createSlice`
The existing `createSlice` API now has support for defining
[`selectors`](../api/createSlice#selectors) directly as part of the
slice. By default, these will be generated with the assumption that the
slice is mounted in the root state using `slice.name` as the field, such
as `name: "todos"` -> `rootState.todos`. Additionally, there's now a
`slice.selectSlice` method that does that default root state lookup.
You can call `sliceObject.getSelectors(selectSliceState)` to generate
the selectors with an alternate location, similar to how
`entityAdapter.getSelectors()` works.
```ts
const slice = createSlice({
name: 'counter',
initialState: 42,
reducers: {},
selectors: {
selectSlice: (state) => state,
selectMultiple: (state, multiplier: number) => state * multiplier,
},
})
// Basic usage
const testState = {
[slice.name]: slice.getInitialState(),
}
const { selectSlice, selectMultiple } = slice.selectors
expect(selectSlice(testState)).toBe(slice.getInitialState())
expect(selectMultiple(testState, 2)).toBe(slice.getInitialState() * 2)
// Usage with the slice reducer mounted under a different key
const customState = {
number: slice.getInitialState(),
}
const { selectSlice, selectMultiple } = slice.getSelectors(
(state: typeof customState) => state.number
)
expect(selectSlice(customState)).toBe(slice.getInitialState())
expect(selectMultiple(customState, 2)).toBe(slice.getInitialState() * 2)
```
##### `createSlice.reducers` callback syntax and thunk support
One of the oldest feature requests we've had is the ability to declare
thunks directly inside of `createSlice`. Until now, you've always had to
declare them separately, give the thunk a string action prefix, and
handle the actions via `createSlice.extraReducers`:
```ts
// Declare the thunk separately
const fetchUserById = createAsyncThunk(
'users/fetchByIdStatus',
async (userId: number, thunkAPI) => {
const response = await userAPI.fetchById(userId)
return response.data
}
)
const usersSlice = createSlice({
name: 'users',
initialState,
reducers: {
// standard reducer logic, with auto-generated action types per reducer
},
extraReducers: (builder) => {
// Add reducers for additional action types here, and handle loading state as needed
builder.addCase(fetchUserById.fulfilled, (state, action) => {
state.entities.push(action.payload)
})
},
})
```
Many users have told us that this separation feels awkward.
We've *wanted* to include a way to define thunks directly inside of
`createSlice`, and have played around with various prototypes. There
were always two major blocking issues, and a secondary concern:
1. It wasn't clear what the syntax for declaring a thunk inside should
look like.
2. Thunks have access to `getState` and `dispatch`, but the `RootState`
and `AppDispatch` types are normally inferred from the store, which in
turn infers it from the slice state types. Declaring thunks inside
`createSlice` would cause circular type inference errors, as the store
needs the slice types but the slice needs the store types. We weren't
willing to ship an API that would work okay for our JS users but not for
our TS users, especially since we *want* people to use TS with RTK.
3. You can't do synchronous conditional imports in ES modules, and
there's no good way to make the `createAsyncThunk` import optional.
Either `createSlice` always depends on it (and adds that to the bundle
size), or it can't use `createAsyncThunk` at all.
We've settled on these compromises:
- **In order to create async thunks with `createSlice`, you specifically
need to [set up a custom version of `createSlice` that has access to
`createAsyncThunk`](../api/createSlice#createasyncthunk)**.
- You can declare thunks inside of `createSlice.reducers`, by using a
"creator callback" syntax for the `reducers` field that is similar to
the `build` callback syntax in RTK Query's `createApi` (using typed
functions to create fields in an object). Doing this does look a bit
different than the existing "object" syntax for the `reducers` field,
but is still fairly similar.
- You can customize *some* of the types for thunks inside of
`createSlice`, but you *cannot* customize the `state` or `dispatch`
types. If those are needed, you can manually do an `as` cast, like
`getState() as RootState`.
In practice, we hope these are reasonable tradeoffs. Creating thunks
inside of `createSlice` has been widely asked for, so we think it's an
API that will see usage. If the TS customization options are a
limitation, you can still declare thunks outside of `createSlice` as
always, and most async thunks don't need `dispatch` or `getState` - they
just fetch data and return. And finally, setting up a custom
`createSlice` allows you to opt into `createAsyncThunk` being included
in your bundle size (though it may already be included if used directly
or as part of RTK Query - in either of these cases there's no
*additional* bundle size).
Here's what the new callback syntax looks like:
```ts
const createSliceWithThunks = buildCreateSlice({
creators: { asyncThunk: asyncThunkCreator },
})
const todosSlice = createSliceWithThunks({
name: 'todos',
initialState: {
loading: false,
todos: [],
error: null,
} as TodoState,
reducers: (create) => ({
// A normal "case reducer", same as always
deleteTodo: create.reducer((state, action: PayloadAction<number>) => {
state.todos.splice(action.payload, 1)
}),
// A case reducer with a "prepare callback" to customize the action
addTodo: create.preparedReducer(
(text: string) => {
const id = nanoid()
return { payload: { id, text } }
},
// action type is inferred from prepare callback
(state, action) => {
state.todos.push(action.payload)
}
),
// An async thunk
fetchTodo: create.asyncThunk(
// Async payload function as the first argument
async (id: string, thunkApi) => {
const res = await fetch(`myApi/todos?id=${id}`)
return (await res.json()) as Item
},
// An object containing `{pending?, rejected?, fulfilled?, settled?, options?}` second
{
pending: (state) => {
state.loading = true
},
rejected: (state, action) => {
state.error = action.payload ?? action.error
},
fulfilled: (state, action) => {
state.todos.push(action.payload)
},
// settled is called for both rejected and fulfilled actions
settled: (state, action) => {
state.loading = false
},
}
),
}),
})
// `addTodo` and `deleteTodo` are normal action creators.
// `fetchTodo` is the async thunk
export const { addTodo, deleteTodo, fetchTodo } = todosSlice.actions
```
##### Codemod
**Using the new callback syntax is entirely optional (the object syntax
is still standard)**, but an existing slice would need to be converted
before it can take advantage of the new capabilities this syntax
provides. To make this easier, a [codemod](../api/codemods) is provided.
```sh
npx @​reduxjs/rtk-codemods createSliceReducerBuilder ./src/features/todos/slice.ts
```
##### "Dynamic middleware" middleware
A Redux store's middleware pipeline is fixed at store creation time and
can't be changed later. We *have* seen ecosystem libraries that tried to
allow dynamically adding and removing middleware, potentially useful for
things like code splitting.
This is a relatively niche use case, but we've built [our own version of
a "dynamic middleware" middleware](../api/createDynamicMiddleware). Add
it to the Redux store at setup time, and it lets you add middleware
later at runtime. It also comes with a [React hook integration that will
automatically add a middleware to the store and return the updated
dispatch method.](../api/createDynamicMiddleware#react-integration).
```ts
import { createDynamicMiddleware, configureStore } from '@​reduxjs/toolkit'
const dynamicMiddleware = createDynamicMiddleware()
const store = configureStore({
reducer: {
todos: todosReducer,
},
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware().prepend(dynamicMiddleware.middleware),
})
// later
dynamicMiddleware.addMiddleware(someOtherMiddleware)
```
##### `configureStore` adds `autoBatchEnhancer` by default
[In v1.9.0, we added a new
`autoBatchEnhancer`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.0)
that delays notifying subscribers briefly when multiple "low-priority"
actions are dispatched in a row. This improves perf, as UI updates are
typically the most expensive part of the update process. RTK Query marks
most of its own internal actions as "low-pri" by default, but you have
to have the `autoBatchEnhancer` added to the store to benefit from that.
We've updated `configureStore` to add the `autoBatchEnhancer` to the
store setup by default, so that users can benefit from the improved perf
without needing to manually tweak the store config themselves.
##### `entityAdapter.getSelectors` accepts a `createSelector` function
[`entityAdapter.getSelectors()`](../api/createEntityAdapter#selector-functions)
now accepts an options object as its second argument. This allows you to
pass in your own preferred `createSelector` method, which will be used
to memoize the generated selectors. This could be useful if you want to
use one of Reselect's new alternate memoizers, or some other memoization
library with an equivalent signature.
##### Next.js Setup Guide
We now have a docs page that covers [how to set up Redux properly with
Next.js](https://redux.js.org/usage/nextjs). We've seen a lot of
questions around using Redux, Next, and the App Router together, and
this guide should help provide advice.
(At this time, the Next.js `with-redux` example is still showing
outdated patterns - we're going to file a PR shortly to update that to
match our docs guide.)
##### What's Changed
- Remove legacy object syntax for reducers by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3051](https://togithub.com/reduxjs/redux-toolkit/pull/3051)
- Upgrade build tooling by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3088](https://togithub.com/reduxjs/redux-toolkit/pull/3088)
- Migrate the RTK package to be full ESM by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3095](https://togithub.com/reduxjs/redux-toolkit/pull/3095)
- Migrate RTK test suite from Jest to Vitest by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3102](https://togithub.com/reduxjs/redux-toolkit/pull/3102)
- Fix type errors after upgrading to Redux 5 alpha by
[@​Methuselah96](https://togithub.com/Methuselah96) in
[https://github.com/reduxjs/redux-toolkit/pull/3177](https://togithub.com/reduxjs/redux-toolkit/pull/3177)
- Bump Redux dep to 5.0.0-alpha.2 by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3170](https://togithub.com/reduxjs/redux-toolkit/pull/3170)
- Test published artifacts in CI by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3213](https://togithub.com/reduxjs/redux-toolkit/pull/3213)
- Merge RTK CI examples into `v2.0-integration` by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3253](https://togithub.com/reduxjs/redux-toolkit/pull/3253)
- Add `arethetypeswrong` automated CLI check by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3294](https://togithub.com/reduxjs/redux-toolkit/pull/3294)
- update tip regarding overrideExisting to match actual behaviour by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3305](https://togithub.com/reduxjs/redux-toolkit/pull/3305)
- Add `attw` CLI option to treat problems as non-errors by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3316](https://togithub.com/reduxjs/redux-toolkit/pull/3316)
- Rework build setup and hopefully fix ESM compat issues by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3318](https://togithub.com/reduxjs/redux-toolkit/pull/3318)
- Bump Immer to 10.0-beta by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3320](https://togithub.com/reduxjs/redux-toolkit/pull/3320)
- Switch build setup from a custom ESBuild+TS script to `tsup` by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3362](https://togithub.com/reduxjs/redux-toolkit/pull/3362)
- Use original instead of immer draft for perf by
[@​GeorchW](https://togithub.com/GeorchW) in
[https://github.com/reduxjs/redux-toolkit/pull/3270](https://togithub.com/reduxjs/redux-toolkit/pull/3270)
- enable enhanceEndpoints.transformResponse to override ResultType by
[@​dmitrigrabov](https://togithub.com/dmitrigrabov) in
[https://github.com/reduxjs/redux-toolkit/pull/2953](https://togithub.com/reduxjs/redux-toolkit/pull/2953)
- Fix global `responseHandler` being used in `fetchBaseQuery` by
[@​praxxis](https://togithub.com/praxxis) in
[https://github.com/reduxjs/redux-toolkit/pull/3137](https://togithub.com/reduxjs/redux-toolkit/pull/3137)
- reset internalState.currentSubscriptions on `resetApiState` by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/3333](https://togithub.com/reduxjs/redux-toolkit/pull/3333)
- Bump deps and mark `subscriptionUpdated` as autobatched by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3364](https://togithub.com/reduxjs/redux-toolkit/pull/3364)
- Redux 5alpha5 by [@​EskiMojo14](https://togithub.com/EskiMojo14)
in
[https://github.com/reduxjs/redux-toolkit/pull/3367](https://togithub.com/reduxjs/redux-toolkit/pull/3367)
- add isAction helper function, and ensure listener middleware only runs
for actions by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3372](https://togithub.com/reduxjs/redux-toolkit/pull/3372)
- Allow inference of enhancer state extensions, and fix inference when
using callback form by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3207](https://togithub.com/reduxjs/redux-toolkit/pull/3207)
- combineSlices implementation by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3297](https://togithub.com/reduxjs/redux-toolkit/pull/3297)
- Bump Immer to 10.0 final by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3376](https://togithub.com/reduxjs/redux-toolkit/pull/3376)
- Allow partial preloaded state for combined slice reducer and update
devDeps by [@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3381](https://togithub.com/reduxjs/redux-toolkit/pull/3381)
- ensure it's only possible to pass all or none of the hooks to
reactHooksModule by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3400](https://togithub.com/reduxjs/redux-toolkit/pull/3400)
- Remove remaining deprecated exports by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3398](https://togithub.com/reduxjs/redux-toolkit/pull/3398)
- create action creator middleware by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3414](https://togithub.com/reduxjs/redux-toolkit/pull/3414)
- Restore query status types by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3420](https://togithub.com/reduxjs/redux-toolkit/pull/3420)
- Implement auto fork joining by
[@​ericanderson](https://togithub.com/ericanderson) in
[https://github.com/reduxjs/redux-toolkit/pull/3407](https://togithub.com/reduxjs/redux-toolkit/pull/3407)
- types: make it easier to wrap createAsyncThunk by
[@​shrouxm](https://togithub.com/shrouxm) in
[https://github.com/reduxjs/redux-toolkit/pull/3393](https://togithub.com/reduxjs/redux-toolkit/pull/3393)
- Fixed Stackoverflow bug if children prop is a ref to root/parent
object by [@​cheprasov](https://togithub.com/cheprasov) in
[https://github.com/reduxjs/redux-toolkit/pull/3428](https://togithub.com/reduxjs/redux-toolkit/pull/3428)
- Add getDefaultEnhancers callback, and add autoBatchEnhancer to
defaults. by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3347](https://togithub.com/reduxjs/redux-toolkit/pull/3347)
- Update to Redux alpha 6 by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3442](https://togithub.com/reduxjs/redux-toolkit/pull/3442)
- Remove toString override from action creators, in favour of explicit
.type field. by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3425](https://togithub.com/reduxjs/redux-toolkit/pull/3425)
- Add "creator callback" syntax to slice reducer field, to allow for
async thunk creation by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3388](https://togithub.com/reduxjs/redux-toolkit/pull/3388)
- API for adding middleware dynamically by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3292](https://togithub.com/reduxjs/redux-toolkit/pull/3292)
- Add Id type parameter in createEntityAdapter by
[@​Matt-Ord](https://togithub.com/Matt-Ord) in
[https://github.com/reduxjs/redux-toolkit/pull/3187](https://togithub.com/reduxjs/redux-toolkit/pull/3187)
- Require usage of Tuple in TS by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3460](https://togithub.com/reduxjs/redux-toolkit/pull/3460)
- Require that enhancers is a callback by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3461](https://togithub.com/reduxjs/redux-toolkit/pull/3461)
- fix invalid createEntityAdapter call by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3490](https://togithub.com/reduxjs/redux-toolkit/pull/3490)
- Use Record\<EntityId, T> instead of Dictionary<T> by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3424](https://togithub.com/redux
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "after 5pm,every weekend" in timezone
America/Los_Angeles, Automerge - "after 5pm,every weekend" in timezone
America/Los_Angeles.
🚦 **Automerge**: Enabled.
♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/valora-inc/wallet).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4yMTIuMCIsInVwZGF0ZWRJblZlciI6IjM3LjIxMi4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiJ9-->
---------
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Jean Regisser <jean.regisser@gmail.com>
realbrodiwhite
referenced
this pull request
in realbrodiwhite/royalgames-client
Mar 21, 2024
[](https://renovatebot.com)
This PR contains the following updates:
| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@reduxjs/toolkit](https://redux-toolkit.js.org)
([source](https://togithub.com/reduxjs/redux-toolkit)) | [`^1.9.2` ->
`^2.0.0`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/1.9.7/2.2.2)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
---
### Release Notes
<details>
<summary>reduxjs/redux-toolkit (@​reduxjs/toolkit)</summary>
###
[`v2.2.2`](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.1...v2.2.2)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.1...v2.2.2)
###
[`v2.2.1`](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.0...v2.2.1)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.0...v2.2.1)
###
[`v2.2.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.2.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.1.0...v2.2.0)
This *minor release*:
- Adds a second parameter to
`entityAdapter.getInitialState(additionalProps, entities)` to allow
prefilling state
- Equivalent to
`entityAdapter.setAll(entityAdapter.getInitialState(additionalProps),
entities)`
- First parameter can be `undefined` if no additional properties are
desired
- Allows initialising `combineSlices` with no static reducers
- Previously `const combinedReducer =
combineSlices().withLazyLoadedSlices<LazyLoadedSlices>()` would have
thrown an error
- Now returns a "no-op" reducer that just returns an empty object until
first reducer injected
- Allows a new `'throw'` value for `overrideExisting` in
`injectEndpoints`, which throws an error if a definition is injected
with a name which is already used
- Exports more type helpers for RTKQ hook and trigger types
- Exports types related to overriding result types in `enhanceEndpoints`
- Fixes state inference for injected slices when undeclared (i.e. not in
`LazyLoadedSlices`)
- Adds a `action.meta.arg.isPrefetch` value to query thunk actions when
prefetched
#### What's Changed
- Revamp type tests setup by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4095](https://togithub.com/reduxjs/redux-toolkit/pull/4095)
- Bump Prettier and Prettier related packages by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4126](https://togithub.com/reduxjs/redux-toolkit/pull/4126)
- Fix codemods to work with TypeScript 4.7+ by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4081](https://togithub.com/reduxjs/redux-toolkit/pull/4081)
- Export types related to overriding the result types by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4134](https://togithub.com/reduxjs/redux-toolkit/pull/4134)
- Migrate type tests to Vitest by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4127](https://togithub.com/reduxjs/redux-toolkit/pull/4127)
- Fix RetryOptions type test by flipping order by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4136](https://togithub.com/reduxjs/redux-toolkit/pull/4136)
- Format all files by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4135](https://togithub.com/reduxjs/redux-toolkit/pull/4135)
- \[Docs/Website] skipPollingIfUnfocused added to polling overview and
query options by [@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4131](https://togithub.com/reduxjs/redux-toolkit/pull/4131)
- \[Docs] Changed create.asyncThunk setup admonition to caution by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4150](https://togithub.com/reduxjs/redux-toolkit/pull/4150)
- Temporarily revert node-fetch bump until ESM issues are sorted by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4151](https://togithub.com/reduxjs/redux-toolkit/pull/4151)
- Contributing Markdown Refresh by
[@​itz-Me-Pj](https://togithub.com/itz-Me-Pj) in
[https://github.com/reduxjs/redux-toolkit/pull/4139](https://togithub.com/reduxjs/redux-toolkit/pull/4139)
- investigate re-adding size limit action by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4083](https://togithub.com/reduxjs/redux-toolkit/pull/4083)
- Add size limit imports for more commonly used RTK exports by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4155](https://togithub.com/reduxjs/redux-toolkit/pull/4155)
- pure some things by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4157](https://togithub.com/reduxjs/redux-toolkit/pull/4157)
- cut back on suffixes tested for size by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4160](https://togithub.com/reduxjs/redux-toolkit/pull/4160)
- Incorrect builder method referenced by
[@​kantbtrue](https://togithub.com/kantbtrue) in
[https://github.com/reduxjs/redux-toolkit/pull/4161](https://togithub.com/reduxjs/redux-toolkit/pull/4161)
- Rename `cli.js` to `cli.mjs` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4169](https://togithub.com/reduxjs/redux-toolkit/pull/4169)
- Migrate Codegen OpenAPI's unit tests to Vitest by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4137](https://togithub.com/reduxjs/redux-toolkit/pull/4137)
- Fix wrong state for injected slices when not declared via
`withLazyLoadedSlices` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4172](https://togithub.com/reduxjs/redux-toolkit/pull/4172)
- \[Docs, createEntityAdapter API]: add missing setOne and setMany
signature by [@​kyselberg](https://togithub.com/kyselberg) in
[https://github.com/reduxjs/redux-toolkit/pull/4173](https://togithub.com/reduxjs/redux-toolkit/pull/4173)
- Corrected the "Observing cache behaviour" example point no.4 by
[@​721-atikshaikh](https://togithub.com/721-atikshaikh) in
[https://github.com/reduxjs/redux-toolkit/pull/4174](https://togithub.com/reduxjs/redux-toolkit/pull/4174)
- feat: add isPrefetch property in query action by
[@​juliengbt](https://togithub.com/juliengbt) in
[https://github.com/reduxjs/redux-toolkit/pull/4177](https://togithub.com/reduxjs/redux-toolkit/pull/4177)
- allow initialising combined slice reducer with no static slices by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4184](https://togithub.com/reduxjs/redux-toolkit/pull/4184)
- Create more Typed wrappers for RTKQ hook types by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4147](https://togithub.com/reduxjs/redux-toolkit/pull/4147)
- proposal fix for axios base query types by
[@​smff](https://togithub.com/smff) in
[https://github.com/reduxjs/redux-toolkit/pull/4186](https://togithub.com/reduxjs/redux-toolkit/pull/4186)
- Provide 'throw' option for `overrideExisting` by
[@​ffluk3](https://togithub.com/ffluk3) in
[https://github.com/reduxjs/redux-toolkit/pull/4189](https://togithub.com/reduxjs/redux-toolkit/pull/4189)
- Use vite-tsconfig-paths to make path aliasing easier by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4175](https://togithub.com/reduxjs/redux-toolkit/pull/4175)
- Remove trailing commas in `tsconfig.json` files of all CodesandBox
examples by [@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4190](https://togithub.com/reduxjs/redux-toolkit/pull/4190)
- \[Docs] Added withTypes documentation in createDraftSafeSelector by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4143](https://togithub.com/reduxjs/redux-toolkit/pull/4143)
- Add second parameter to getInitialState to prefill entities by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4183](https://togithub.com/reduxjs/redux-toolkit/pull/4183)
#### New Contributors
- [@​itz-Me-Pj](https://togithub.com/itz-Me-Pj) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4139](https://togithub.com/reduxjs/redux-toolkit/pull/4139)
- [@​kantbtrue](https://togithub.com/kantbtrue) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4161](https://togithub.com/reduxjs/redux-toolkit/pull/4161)
- [@​kyselberg](https://togithub.com/kyselberg) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4173](https://togithub.com/reduxjs/redux-toolkit/pull/4173)
- [@​721-atikshaikh](https://togithub.com/721-atikshaikh) made
their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4174](https://togithub.com/reduxjs/redux-toolkit/pull/4174)
- [@​smff](https://togithub.com/smff) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4186](https://togithub.com/reduxjs/redux-toolkit/pull/4186)
- [@​ffluk3](https://togithub.com/ffluk3) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4189](https://togithub.com/reduxjs/redux-toolkit/pull/4189)
**Full Changelog**:
https://github.com/reduxjs/redux-toolkit/compare/v2.1.0...v2.2.0
###
[`v2.1.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.1.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.1...v2.1.0)
This *minor release*:
- adds withTypes methods to `listenerMiddleware` and
`createDraftSafeSelector`
- adds a `skipPollingIfUnfocused` option to RTK Query
- adds the ability to customise the `createSelector` instance used by
RTK Query
- reworks slice selector logic to avoid depending on `this` value
- fixes the order and inference of `create.asyncThunk` type parameters
- fixes requirements for meta fields returned from `queryFn`s
- marks promises that will never reject as safe, in preparation for
[https://github.com/typescript-eslint/typescript-eslint/issues/7008](https://togithub.com/typescript-eslint/typescript-eslint/issues/7008)
#### What's Changed
- Update docs to avoid circular type by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3948](https://togithub.com/reduxjs/redux-toolkit/pull/3948)
- Copy "Migrating to Modern Redux" and "RTK is Redux" docs from core
site by [@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3956](https://togithub.com/reduxjs/redux-toolkit/pull/3956)
- Fix store path rtk-query pokemon api tutorial by
[@​suspiciousRaccoon](https://togithub.com/suspiciousRaccoon) in
[https://github.com/reduxjs/redux-toolkit/pull/3611](https://togithub.com/reduxjs/redux-toolkit/pull/3611)
- tweak RTKQ without hooks section, and add note regarding memoization
by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3963](https://togithub.com/reduxjs/redux-toolkit/pull/3963)
- Add section regarding overriding deps by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3968](https://togithub.com/reduxjs/redux-toolkit/pull/3968)
- Add section re: RR custom context typing change by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3995](https://togithub.com/reduxjs/redux-toolkit/pull/3995)
- Add Expo demo app to CI workflow by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/3985](https://togithub.com/reduxjs/redux-toolkit/pull/3985)
- docs: fix a typo in queries markdown file by
[@​fatihgnc](https://togithub.com/fatihgnc) in
[https://github.com/reduxjs/redux-toolkit/pull/4013](https://togithub.com/reduxjs/redux-toolkit/pull/4013)
- Preserve nullable store state type by avoiding intersection with {} by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4011](https://togithub.com/reduxjs/redux-toolkit/pull/4011)
- Upgrade version of "graphql-request" by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/4026](https://togithub.com/reduxjs/redux-toolkit/pull/4026)
- \[graphql-request-base-query] update RTK peerDependency by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/4027](https://togithub.com/reduxjs/redux-toolkit/pull/4027)
- fix: improve selectFromResult memoization by
[@​thisjeremiah](https://togithub.com/thisjeremiah) in
[https://github.com/reduxjs/redux-toolkit/pull/4029](https://togithub.com/reduxjs/redux-toolkit/pull/4029)
- Rename "createSliceWithThunks" and "createThunkSlice" to
"createAppSlice" by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4035](https://togithub.com/reduxjs/redux-toolkit/pull/4035)
- Bump Vitest to latest version by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4047](https://togithub.com/reduxjs/redux-toolkit/pull/4047)
- fix inference and order of async thunk generics by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4061](https://togithub.com/reduxjs/redux-toolkit/pull/4061)
- Fix markdown links on Next.js page by
[@​DmitryScaletta](https://togithub.com/DmitryScaletta) in
[https://github.com/reduxjs/redux-toolkit/pull/4069](https://togithub.com/reduxjs/redux-toolkit/pull/4069)
- Introduce pre-typed listener middleware via
`listenerMiddleware.withTypes<RootState, AppDispatch>()` method by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4049](https://togithub.com/reduxjs/redux-toolkit/pull/4049)
- Add `.withTypes` to `createDraftSafeSelector` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4080](https://togithub.com/reduxjs/redux-toolkit/pull/4080)
- Task/remove all settled by
[@​bever1337](https://togithub.com/bever1337) in
[https://github.com/reduxjs/redux-toolkit/pull/3917](https://togithub.com/reduxjs/redux-toolkit/pull/3917)
- Allow customising createSelector instance used by RTKQ by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4048](https://togithub.com/reduxjs/redux-toolkit/pull/4048)
- cacheLifecycle fix for fixedCacheKey in mutationThunk by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4082](https://togithub.com/reduxjs/redux-toolkit/pull/4082)
- avoid relying on `this` in createSlice by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4071](https://togithub.com/reduxjs/redux-toolkit/pull/4071)
- documentation: fix grammar in redux and redux toolkit comparison by
[@​untilhamza](https://togithub.com/untilhamza) in
[https://github.com/reduxjs/redux-toolkit/pull/4086](https://togithub.com/reduxjs/redux-toolkit/pull/4086)
- Update `tsconfig.typetests.json` to include all TS files by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4091](https://togithub.com/reduxjs/redux-toolkit/pull/4091)
- Remove abort event listner for AbortController by
[@​Fonger](https://togithub.com/Fonger) in
[https://github.com/reduxjs/redux-toolkit/pull/3951](https://togithub.com/reduxjs/redux-toolkit/pull/3951)
- Docs: unused value 'isRejected' in code snippet by
[@​alphonsotran](https://togithub.com/alphonsotran) in
[https://github.com/reduxjs/redux-toolkit/pull/3301](https://togithub.com/reduxjs/redux-toolkit/pull/3301)
- fix/kitchen-sink-isAuthenticated: fixed isAuthenticated state change
on login fullfilled by
[@​shrijan00003](https://togithub.com/shrijan00003) in
[https://github.com/reduxjs/redux-toolkit/pull/3588](https://togithub.com/reduxjs/redux-toolkit/pull/3588)
- Fix `composeWithDevTools` spy by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4093](https://togithub.com/reduxjs/redux-toolkit/pull/4093)
- require queryFn meta to match base query by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4098](https://togithub.com/reduxjs/redux-toolkit/pull/4098)
- Added 'SafePromise' branded Promises for createAsyncThunk by
[@​JoshuaKGoldberg](https://togithub.com/JoshuaKGoldberg) in
[https://github.com/reduxjs/redux-toolkit/pull/4102](https://togithub.com/reduxjs/redux-toolkit/pull/4102)
- Add React Native demo app to CI workflow by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/3984](https://togithub.com/reduxjs/redux-toolkit/pull/3984)
- Modernize unit test setup by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4114](https://togithub.com/reduxjs/redux-toolkit/pull/4114)
- Add missing reducer field to ConfigureStoreOptions docs by
[@​nickgirardo](https://togithub.com/nickgirardo) in
[https://github.com/reduxjs/redux-toolkit/pull/4116](https://togithub.com/reduxjs/redux-toolkit/pull/4116)
- Option for queries to pause polling when unfocused by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4055](https://togithub.com/reduxjs/redux-toolkit/pull/4055)
#### New Contributors
- [@​suspiciousRaccoon](https://togithub.com/suspiciousRaccoon)
made their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3611](https://togithub.com/reduxjs/redux-toolkit/pull/3611)
- [@​fatihgnc](https://togithub.com/fatihgnc) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4013](https://togithub.com/reduxjs/redux-toolkit/pull/4013)
- [@​thisjeremiah](https://togithub.com/thisjeremiah) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4029](https://togithub.com/reduxjs/redux-toolkit/pull/4029)
- [@​riqts](https://togithub.com/riqts) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4082](https://togithub.com/reduxjs/redux-toolkit/pull/4082)
- [@​untilhamza](https://togithub.com/untilhamza) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4086](https://togithub.com/reduxjs/redux-toolkit/pull/4086)
- [@​Fonger](https://togithub.com/Fonger) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3951](https://togithub.com/reduxjs/redux-toolkit/pull/3951)
- [@​alphonsotran](https://togithub.com/alphonsotran) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3301](https://togithub.com/reduxjs/redux-toolkit/pull/3301)
- [@​shrijan00003](https://togithub.com/shrijan00003) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3588](https://togithub.com/reduxjs/redux-toolkit/pull/3588)
- [@​JoshuaKGoldberg](https://togithub.com/JoshuaKGoldberg) made
their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4102](https://togithub.com/reduxjs/redux-toolkit/pull/4102)
- [@​nickgirardo](https://togithub.com/nickgirardo) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4116](https://togithub.com/reduxjs/redux-toolkit/pull/4116)
**Full Changelog**:
https://github.com/reduxjs/redux-toolkit/compare/v2.0.1...v2.1.0
###
[`v2.0.1`](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.0...v2.0.1)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.0...v2.0.1)
###
[`v2.0.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.0.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.7...v2.0.0)
This **major release** :
- Removes the deprecated object syntax from `createSlice` and
`createReducer`
- Removes other deprecated options
- Updates the `middleware` and `enhancers` options of `configureStore`
to require callbacks
- Updates the packaging for better ESM/CJS compatibility and modernizes
the build output
- Includes all changes to [Redux core
5.0](https://togithub.com/reduxjs/redux/releases/tag/v5.0.0), [Reselect
5.0](https://togithub.com/reduxjs/reselect/releases/tag/v5.0.0), and
[Redux Thunk
3.0](https://togithub.com/reduxjs/redux-thunk/releases/tag/v3.0.0)
- Updates RTKQ default subscription behavior
- Adds a new `combineSlices` method with support for lazy-loading slice
reducers
- Adds a new "dynamic middleware" middleware with support for adding
middleware at runtime
- Adds a new callback syntax to `createSlice.reducers`, with optional
support for defining thunks inside of `createSlice`
- Adds the `autoBatchEnhancer` to `configureStore` by default
- Has many additional TS tweaks and improvements
This release has **breaking changes**. (Note: v2.0.1 was released with a
couple hotfixes for Reselect and Redux Thunk right as this was being
finalized.)
This release is part of a wave of major versions of all the Redux
packages: **Redux Toolkit 2.0, Redux core 5.0, React-Redux 9.0, Reselect
5.0, and Redux Thunk 3.0**.
For full details on all of the breaking changes and other significant
changes to all of those packages, see the **["Migrating to RTK 2.0 and
Redux 5.0" migration
guide](https://redux.js.org/usage/migrations/migrating-rtk-2)** in the
Redux docs.
> \[!NOTE]
> The Redux core, Reselect, and Redux Thunk packages are included as
part of Redux Toolkit, and RTK users do not need to manually upgrade
them - you'll get them as part of the upgrade to RTK 2.0. (If you're not
using Redux Toolkit yet, [**please start migrating your existing legacy
Redux code to use Redux Toolkit
today!**](https://redux.js.org/usage/migrating-to-modern-redux))
```bash
##### RTK
npm install @​reduxjs/toolkit
yarn add @​reduxjs/toolkit
```
##### Changelog
##### Object syntax for `createSlice.extraReducers` and `createReducer`
removed
RTK's `createReducer` API was originally designed to accept a lookup
table of action type strings to case reducers, like `{ "ADD_TODO":
(state, action) => {} }`. We later added the "builder callback" form to
allow more flexibility in adding "matchers" and a default handler, and
did the same for `createSlice.extraReducers`.
We have removed the "object" form for both `createReducer` and
`createSlice.extraReducers` in RTK 2.0, as the builder callback form is
effectively the same number of lines of code, and works much better with
TypeScript.
As an example, this:
```ts
const todoAdded = createAction('todos/todoAdded')
createReducer(initialState, {
[todoAdded]: (state, action) => {},
})
createSlice({
name,
initialState,
reducers: {
/* case reducers here */
},
extraReducers: {
[todoAdded]: (state, action) => {},
},
})
```
should be migrated to:
```ts
createReducer(initialState, (builder) => {
builder.addCase(todoAdded, (state, action) => {})
})
createSlice({
name,
initialState,
reducers: {
/* case reducers here */
},
extraReducers: (builder) => {
builder.addCase(todoAdded, (state, action) => {})
},
})
```
##### Codemods
To simplify upgrading codebases, we've published a set of codemods that
will automatically transform the deprecated "object" syntax into the
equivalent "builder" syntax.
The codemods package is available on NPM as
[`@reduxjs/rtk-codemods`](https://www.npmjs.com/package/@​reduxjs/rtk-codemods).
More details are available [here](../api/codemods).
To run the codemods against your codebase, run `npx
@​reduxjs/rtk-codemods <TRANSFORM NAME> path/of/files/
or/some**/*glob.js.`
Examples:
```sh
npx @​reduxjs/rtk-codemods createReducerBuilder ./src
npx @​reduxjs/rtk-codemods createSliceBuilder ./packages/my-app/**/*.ts
```
We also recommend re-running Prettier on the codebase before committing
the changes.
These codemods should work, but we would greatly appreciate feedback
from more real-world codebases!
##### `configureStore` Options Changes
##### `configureStore.middleware` must be a callback
Since the beginning, `configureStore` has accepted a direct array value
as the `middleware` option. However, providing an array directly
prevents `configureStore` from calling `getDefaultMiddleware()`. So,
`middleware: [myMiddleware]` means there is no thunk middleware added
(or any of the dev-mode checks).
This is a footgun, and we've had numerous users accidentally do this and
cause their apps to fail because the default middleware never got
configured.
As a result, we've now made the `middleware` only accept the callback
form. *If* for some reason you still want to replace *all* of the
built-in middleware, do so by returning an array from the callback:
```ts
const store = configureStore({
reducer,
middleware: (getDefaultMiddleware) => {
// WARNING: this means that _none_ of the default middleware are added!
return [myMiddleware]
// or for TS users, use:
// return new Tuple(myMiddleware)
},
})
```
But note that **we consistently recommend not replacing the default
middleware entirely**, and that you should use `return
getDefaultMiddleware().concat(myMiddleware)`.
##### `configureStore.enhancers` must be a callback
Similarly to `configureStore.middleware`, the `enhancers` field must
also be a callback, for the same reasons.
The callback will receive a `getDefaultEnhancers` function that can be
used to customise the batching enhancer [that's now included by
default](#configurestore-adds-autobatchenhancer-by-default).
For example:
```ts
const store = configureStore({
reducer,
enhancers: (getDefaultEnhancers) => {
return getDefaultEnhancers({
autoBatch: { type: 'tick' },
}).concat(myEnhancer)
},
})
```
It's important to note that the result of `getDefaultEnhancers` will
**also** contain the middleware enhancer created with any
configured/default middleware. To help prevent mistakes,
`configureStore` will log an error to console if middleware was provided
and the middleware enhancer wasn't included in the callback result.
```ts
const store = configureStore({
reducer,
enhancers: (getDefaultEnhancers) => {
return [myEnhancer] // we've lost the middleware here
// instead:
return getDefaultEnhancers().concat(myEnhancer)
},
})
```
Also, note that **if you supply the `enhancers` field, it *must* come
*after* the `middleware` field in order for TS inference to work
properly**.
##### Standalone `getDefaultMiddleware` and `getType` removed
The standalone version of `getDefaultMiddleware` has been deprecated
since v1.6.1, and has now been removed. Use the function passed to the
`middleware` callback instead, which has the correct types.
We have also removed the `getType` export, which was used to extract a
type string from action creators made with `createAction`. Instead, use
the static property `actionCreator.type`.
##### RTK Query behaviour changes
We've had a number of reports where RTK Query had issues around usage of
`dispatch(endpoint.initiate(arg, {subscription: false}))`. There were
also reports that multiple triggered lazy queries were resolving the
promises at the wrong time. Both of these had the same underlying issue,
which was that RTKQ wasn't tracking cache entries in these cases
(intentionally). We've reworked the logic to always track cache entries
(and remove them as needed), which should resolve those behavior issues.
We also have had issues raised about trying to run multiple mutations in
a row and how tag invalidation behaves. RTKQ now has internal logic to
delay tag invalidation briefly, to allow multiple invalidations to get
handled together. This is controlled by a new `invalidationBehavior:
'immediate' | 'delayed'` flag on `createApi`. The new default behavior
is `'delayed'`. Set it to `'immediate'` to revert to the behavior in RTK
1.9.
In RTK 1.9, we reworked RTK Query's internals to keep most of the
subscription status inside the RTKQ middleware. The values are still
synced to the Redux store state, but this is primarily for display by
the Redux DevTools "RTK Query" panel. Related to the cache entry changes
above, we've optimized how often those values get synced to the Redux
state for perf.
##### ESM/CJS Package Compatibility
The biggest theme of the Redux v5 and RTK 2.0 releases is trying to get
"true" ESM package publishing compatibility in place, while still
supporting CJS in the published package.
**The primary build artifact is now an ESM file,
`dist/redux-toolkit.modern.mjs`**. Most build tools should pick this up.
There's also a CJS artifact, and a second copy of the ESM file named
`redux-toolkit.legacy-esm.js` to support Webpack 4 (which does not
recognize the `exports` field in `package.json`). Additionally, all of
the build artifacts now live under `./dist/` in the published package.
##### Modernized Build Output
We now publish modern JS syntax targeting ES2020, including optional
chaining, object spread, and other modern syntax. If you need to
##### Build Tooling
We're now building the package using https://github.com/egoist/tsup. We
also now include sourcemaps for the ESM and CJS artifacts.
##### Dropping UMD Builds
Redux has always shipped with UMD build artifacts. These are primarily
meant for direct import as script tags, such as in a CodePen or a
no-bundler build environment.
We've dropped those build artifacts from the published package, on the
grounds that the use cases seem pretty rare today.
There's now a `redux-toolkit.browser.mjs` file in the package that can
be loaded from a CDN like Unpkg.
If you have strong use cases for us continuing to include UMD build
artifacts, please let us know!
##### Dependency Updates
##### Redux Libraries
RTK now depends on **[Redux core
5.0](https://togithub.com/reduxjs/redux/releases/tag/v5.0.0), [Reselect
5.0](https://togithub.com/reduxjs/reselect/releases/tag/v5.0.0), and
[Redux Thunk
3.0](https://togithub.com/reduxjs/redux-thunk/releases/tag/v3.0.0)**.
See the linked release notes for those libraries, as **each of them has
additional breaking changes**. The ["Migrating to RTK 2.0 and Redux 5.0"
docs page](https://redux.js.org/usage/migrations/migrating-rtk-2) also
covers the combined changes in one page
##### Immer 10
RTK now also depends on [Immer
10.0](https://togithub.com/immerjs/immer/releases/tag/v10.0.0), which
has several major improvements and updates:
- Much faster update perf
- Much smaller bundle size
- Better ESM/CJS package formatting
- No default export
- No ES5 fallback
We've also removed the prior call to automatically enable the Immer ES5
fallback mode any time RTK was loaded.
##### Other Changes
##### Bundle Size Optimizations
Redux 4.1.0 optimized its bundle size by [extracting error message
strings out of production
builds](https://togithub.com/reduxjs/redux/releases/tag/v4.1.0), based
on React's approach. We've applied the same technique to RTK. This saves
about 1000 bytes from prod bundles (actual benefits will depend on which
imports are being used).
We also noted that [ESBuild does not deduplicate imports when it bundles
source files](https://togithub.com/evanw/esbuild/issues/475), and this
was causing RTK Query's bundle to contain a dozen references to `import
{ } from "@​reduxjs/toolkit"`, including some of the same methods.
Manually deduplicating those saves about 600 bytes off the production
RTKQ artifact.
##### `reactHooksModule` custom hook configuration
Previously, custom versions of React Redux's hooks (`useSelector`,
`useDispatch`, and `useStore`) could be passed separately to
`reactHooksModule`, usually to enable using a different context to the
default `ReactReduxContext`.
In practicality, the react hooks module needs all three of these hooks
to be provided, and it became an easy mistake to only pass `useSelector`
and `useDispatch`, without `useStore`.
The module has now moved all three of these under the same configuration
key, and will check that all three are provided if the key is present.
```ts
// previously
const customCreateApi = buildCreateApi(
coreModule(),
reactHooksModule({
useDispatch: createDispatchHook(MyContext),
useSelector: createSelectorHook(MyContext),
useStore: createStoreHook(MyContext),
})
)
// now
const customCreateApi = buildCreateApi(
coreModule(),
reactHooksModule({
hooks: {
useDispatch: createDispatchHook(MyContext),
useSelector: createSelectorHook(MyContext),
useStore: createStoreHook(MyContext),
},
})
)
```
##### Deprecated Options Removed
Several other options were previously marked as deprecated, and have
been removed. We've also removed polyfills like the `AbortController`
polyfill.
##### TypeScript Changes
##### `configureStore` field order for `middleware` matters
If you are passing *both* the `middleware` and `enhancers` fields to
`configureStore`, the `middleware` field *must* come first in order for
internal TS inference to work properly.
##### Non-default middleware/enhancers must use `Tuple`
We've seen many cases where users passing the `middleware` parameter to
configureStore have tried spreading the array returned by
`getDefaultMiddleware()`, or passed an alternate plain array. This
unfortunately loses the exact TS types from the individual middleware,
and often causes TS problems down the road (such as `dispatch` being
typed as `Dispatch<AnyAction>` and not knowing about thunks).
`getDefaultMiddleware()` already used an internal `MiddlewareArray`
class, an `Array` subclass that had strongly typed `.concat/prepend()`
methods to correctly capture and retain the middleware types.
We've renamed that type to `Tuple`, and `configureStore`'s TS types now
require that you *must* use `Tuple` if you want to pass your own array
of middleware:
```ts
import { configureStore, Tuple } from '@​reduxjs/toolkit'
configureStore({
reducer: rootReducer,
middleware: (getDefaultMiddleware) => new Tuple(additionalMiddleware, logger),
})
```
(Note that this has no effect if you're using RTK with plain JS, and you
could still pass a plain array here.)
This same restriction applies to the `enhancers` field.
##### Entity adapter type updates
`createEntityAdapter` now has an `Id` generic argument, which will be
used to strongly type the item IDs anywhere those are exposed.
Previously, the ID field type was always `string | number`. TS will now
try to infer the exact type from either the `.id` field of your entity
type, or the `selectId` return type. You could also fall back to passing
that generic type directly. **If you use the `EntityState<Data, Id>`
type directly, you *must* supply both generic arguments!**
The `.entities` lookup table is now defined to use a standard TS
`Record<Id, MyEntityType>`, which assumes that each item lookup exists
by default. Previously, it used a `Dictionary<MyEntityType>` type, which
assumed the result was `MyEntityType | undefined`. The `Dictionary` type
has been removed.
If you prefer to assume that the lookups *might* be undefined, use
TypeScript's `noUncheckedIndexedAccess` configuration option to control
that.
##### New Features
These features are new in Redux Toolkit 2.0, and help cover additional
use cases that we've seen users ask for in the ecosystem.
##### `combineSlices` API with slice reducer injection for
code-splitting
The Redux core has always included `combineReducers`, which takes an
object full of "slice reducer" functions and generates a reducer that
calls those slice reducers. RTK's `createSlice` generates slice reducers
+ associated action creators, and we've taught the pattern of exporting
individual action creators as named exports and the slice reducer as a
default export. Meanwhile, we've never had official support for
lazy-loading reducers, although we've had [sample code for some "reducer
injection" patterns in our
docs](https://redux.js.org/usage/code-splitting).
This release includes a new [`combineSlices`](../api/combineSlices) API
that is designed to enable lazy-loading of reducers at runtime. It
accepts individual slices or an object full of slices as arguments, and
automatically calls `combineReducers` using the `sliceObject.name` field
as the key for each state field. The generated reducer function has an
additional `.inject()` method attached that can be used to dynamically
inject additional slices at runtime. It also includes a
`.withLazyLoadedSlices()` method that can be used to generate TS types
for reducers that will be added later. See
[#​2776](https://togithub.com/reduxjs/redux-toolkit/issues/2776)
for the original discussion around this idea.
For now, we are not building this into `configureStore`, so you'll need
to call `const rootReducer = combineSlices(.....)` yourself and pass
that to `configureStore({reducer: rootReducer})`.
**Basic usage: a mixture of slices and standalone reducers passed to
`combineSlices`**
```ts
const stringSlice = createSlice({
name: 'string',
initialState: '',
reducers: {},
})
const numberSlice = createSlice({
name: 'number',
initialState: 0,
reducers: {},
})
const booleanReducer = createReducer(false, () => {})
const api = createApi(/* */)
const combinedReducer = combineSlices(
stringSlice,
{
num: numberSlice.reducer,
boolean: booleanReducer,
},
api
)
expect(combinedReducer(undefined, dummyAction())).toEqual({
string: stringSlice.getInitialState(),
num: numberSlice.getInitialState(),
boolean: booleanReducer.getInitialState(),
api: api.reducer.getInitialState(),
})
```
**Basic slice reducer injection**
```ts
// Create a reducer with a TS type that knows `numberSlice` will be injected
const combinedReducer =
combineSlices(stringSlice).withLazyLoadedSlices<
WithSlice<typeof numberSlice>
>()
// `state.number` doesn't exist initially
expect(combinedReducer(undefined, dummyAction()).number).toBe(undefined)
// Create a version of the reducer with `numberSlice` injected (mainly useful for types)
const injectedReducer = combinedReducer.inject(numberSlice)
// `state.number` now exists, and injectedReducer's type no longer marks it as optional
expect(injectedReducer(undefined, dummyAction()).number).toBe(
numberSlice.getInitialState()
)
// original reducer has also been changed (type is still optional)
expect(combinedReducer(undefined, dummyAction()).number).toBe(
numberSlice.getInitialState()
)
```
##### `selectors` field in `createSlice`
The existing `createSlice` API now has support for defining
[`selectors`](../api/createSlice#selectors) directly as part of the
slice. By default, these will be generated with the assumption that the
slice is mounted in the root state using `slice.name` as the field, such
as `name: "todos"` -> `rootState.todos`. Additionally, there's now a
`slice.selectSlice` method that does that default root state lookup.
You can call `sliceObject.getSelectors(selectSliceState)` to generate
the selectors with an alternate location, similar to how
`entityAdapter.getSelectors()` works.
```ts
const slice = createSlice({
name: 'counter',
initialState: 42,
reducers: {},
selectors: {
selectSlice: (state) => state,
selectMultiple: (state, multiplier: number) => state * multiplier,
},
})
// Basic usage
const testState = {
[slice.name]: slice.getInitialState(),
}
const { selectSlice, selectMultiple } = slice.selectors
expect(selectSlice(testState)).toBe(slice.getInitialState())
expect(selectMultiple(testState, 2)).toBe(slice.getInitialState() * 2)
// Usage with the slice reducer mounted under a different key
const customState = {
number: slice.getInitialState(),
}
const { selectSlice, selectMultiple } = slice.getSelectors(
(state: typeof customState) => state.number
)
expect(selectSlice(customState)).toBe(slice.getInitialState())
expect(selectMultiple(customState, 2)).toBe(slice.getInitialState() * 2)
```
##### `createSlice.reducers` callback syntax and thunk support
One of the oldest feature requests we've had is the ability to declare
thunks directly inside of `createSlice`. Until now, you've always had to
declare them separately, give the thunk a string action prefix, and
handle the actions via `createSlice.extraReducers`:
```ts
// Declare the thunk separately
const fetchUserById = createAsyncThunk(
'users/fetchByIdStatus',
async (userId: number, thunkAPI) => {
const response = await userAPI.fetchById(userId)
return response.data
}
)
const usersSlice = createSlice({
name: 'users',
initialState,
reducers: {
// standard reducer logic, with auto-generated action types per reducer
},
extraReducers: (builder) => {
// Add reducers for additional action types here, and handle loading state as needed
builder.addCase(fetchUserById.fulfilled, (state, action) => {
state.entities.push(action.payload)
})
},
})
```
Many users have told us that this separation feels awkward.
We've *wanted* to include a way to define thunks directly inside of
`createSlice`, and have played around with various prototypes. There
were always two major blocking issues, and a secondary concern:
1. It wasn't clear what the syntax for declaring a thunk inside should
look like.
2. Thunks have access to `getState` and `dispatch`, but the `RootState`
and `AppDispatch` types are normally inferred from the store, which in
turn infers it from the slice state types. Declaring thunks inside
`createSlice` would cause circular type inference errors, as the store
needs the slice types but the slice needs the store types. We weren't
willing to ship an API that would work okay for our JS users but not for
our TS users, especially since we *want* people to use TS with RTK.
3. You can't do synchronous conditional imports in ES modules, and
there's no good way to make the `createAsyncThunk` import optional.
Either `createSlice` always depends on it (and adds that to the bundle
size), or it can't use `createAsyncThunk` at all.
We've settled on these compromises:
- **In order to create async thunks with `createSlice`, you specifically
need to [set up a custom version of `createSlice` that has access to
`createAsyncThunk`](../api/createSlice#createasyncthunk)**.
- You can declare thunks inside of `createSlice.reducers`, by using a
"creator callback" syntax for the `reducers` field that is similar to
the `build` callback syntax in RTK Query's `createApi` (using typed
functions to create fields in an object). Doing this does look a bit
different than the existing "object" syntax for the `reducers` field,
but is still fairly similar.
- You can customize *some* of the types for thunks inside of
`createSlice`, but you *cannot* customize the `state` or `dispatch`
types. If those are needed, you can manually do an `as` cast, like
`getState() as RootState`.
In practice, we hope these are reasonable tradeoffs. Creating thunks
inside of `createSlice` has been widely asked for, so we think it's an
API that will see usage. If the TS customization options are a
limitation, you can still declare thunks outside of `createSlice` as
always, and most async thunks don't need `dispatch` or `getState` - they
just fetch data and return. And finally, setting up a custom
`createSlice` allows you to opt into `createAsyncThunk` being included
in your bundle size (though it may already be included if used directly
or as part of RTK Query - in either of these cases there's no
*additional* bundle size).
Here's what the new callback syntax looks like:
```ts
const createSliceWithThunks = buildCreateSlice({
creators: { asyncThunk: asyncThunkCreator },
})
const todosSlice = createSliceWithThunks({
name: 'todos',
initialState: {
loading: false,
todos: [],
error: null,
} as TodoState,
reducers: (create) => ({
// A normal "case reducer", same as always
deleteTodo: create.reducer((state, action: PayloadAction<number>) => {
state.todos.splice(action.payload, 1)
}),
// A case reducer with a "prepare callback" to customize the action
addTodo: create.preparedReducer(
(text: string) => {
const id = nanoid()
return { payload: { id, text } }
},
// action type is inferred from prepare callback
(state, action) => {
state.todos.push(action.payload)
}
),
// An async thunk
fetchTodo: create.asyncThunk(
// Async payload function as the first argument
async (id: string, thunkApi) => {
const res = await fetch(`myApi/todos?id=${id}`)
return (await res.json()) as Item
},
// An object containing `{pending?, rejected?, fulfilled?, settled?, options?}` second
{
pending: (state) => {
state.loading = true
},
rejected: (state, action) => {
state.error = action.payload ?? action.error
},
fulfilled: (state, action) => {
state.todos.push(action.payload)
},
// settled is called for both rejected and fulfilled actions
settled: (state, action) => {
state.loading = false
},
}
),
}),
})
// `addTodo` and `deleteTodo` are normal action creators.
// `fetchTodo` is the async thunk
export const { addTodo, deleteTodo, fetchTodo } = todosSlice.actions
```
##### Codemod
**Using the new callback syntax is entirely optional (the object syntax
is still standard)**, but an existing slice would need to be converted
before it can take advantage of the new capabilities this syntax
provides. To make this easier, a [codemod](../api/codemods) is provided.
```sh
npx @​reduxjs/rtk-codemods createSliceReducerBuilder ./src/features/todos/slice.ts
```
##### "Dynamic middleware" middleware
A Redux store's middleware pipeline is fixed at store creation time and
can't be changed later. We *have* seen ecosystem libraries that tried to
allow dynamically adding and removing middleware, potentially useful for
things like code splitting.
This is a relatively niche use case, but we've built [our own version of
a "dynamic middleware" middleware](../api/createDynamicMiddleware). Add
it to the Redux store at setup time, and it lets you add middleware
later at runtime. It also comes with a [React hook integration that will
automatically add a middleware to the store and return the updated
dispatch method.](../api/createDynamicMiddleware#react-integration).
```ts
import { createDynamicMiddleware, configureStore } from '@​reduxjs/toolkit'
const dynamicMiddleware = createDynamicMiddleware()
const store = configureStore({
reducer: {
todos: todosReducer,
},
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware().prepend(dynamicMiddleware.middleware),
})
// later
dynamicMiddleware.addMiddleware(someOtherMiddleware)
```
##### `configureStore` adds `autoBatchEnhancer` by default
[In v1.9.0, we added a new
`autoBatchEnhancer`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.0)
that delays notifying subscribers briefly when multiple "low-priority"
actions are dispatched in a row. This improves perf, as UI updates are
typically the most expensive part of the update process. RTK Query marks
most of its own internal actions as "low-pri" by default, but you have
to have the `autoBatchEnhancer` added to the store to benefit from that.
We've updated `configureStore` to add the `autoBatchEnhancer` to the
store setup by default, so that users can benefit from the improved perf
without needing to manually tweak the store config themselves.
##### `entityAdapter.getSelectors` accepts a `createSelector` function
[`entityAdapter.getSelectors()`](../api/createEntityAdapter#selector-functions)
now accepts an options object as its second argument. This allows you to
pass in your own preferred `createSelector` method, which will be used
to memoize the generated selectors. This could be useful if you want to
use one of Reselect's new alternate memoizers, or some other memoization
library with an equivalent signature.
##### Next.js Setup Guide
We now have a docs page that covers [how to set up Redux properly with
Next.js](https://redux.js.org/usage/nextjs). We've seen a lot of
questions around using Redux, Next, and the App Router together, and
this guide should help provide advice.
(At this time, the Next.js `with-redux` example is still showing
outdated patterns - we're going to file a PR shortly to update that to
match our docs guide.)
##### What's Changed
- Remove legacy object syntax for reducers by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3051](https://togithub.com/reduxjs/redux-toolkit/pull/3051)
- Upgrade build tooling by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3088](https://togithub.com/reduxjs/redux-toolkit/pull/3088)
- Migrate the RTK package to be full ESM by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3095](https://togithub.com/reduxjs/redux-toolkit/pull/3095)
- Migrate RTK test suite from Jest to Vitest by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3102](https://togithub.com/reduxjs/redux-toolkit/pull/3102)
- Fix type errors after upgrading to Redux 5 alpha by
[@​Methuselah96](https://togithub.com/Methuselah96) in
[https://github.com/reduxjs/redux-toolkit/pull/3177](https://togithub.com/reduxjs/redux-toolkit/pull/3177)
- Bump Redux dep to 5.0.0-alpha.2 by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3170](https://togithub.com/reduxjs/redux-toolkit/pull/3170)
- Test published artifacts in CI by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3213](https://togithub.com/reduxjs/redux-toolkit/pull/3213)
- Merge RTK CI examples into `v2.0-integration` by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3253](https://togithub.com/reduxjs/redux-toolkit/pull/3253)
- Add `arethetypeswrong` automated CLI check by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3294](https://togithub.com/reduxjs/redux-toolkit/pull/3294)
- update tip regarding overrideExisting to match actual behaviour by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3305](https://togithub.com/reduxjs/redux-toolkit/pull/3305)
- Add `attw` CLI option to treat problems as non-errors by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3316](https://togithub.com/reduxjs/redux-toolkit/pull/3316)
- Rework build setup and hopefully fix ESM compat issues by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3318](https://togithub.com/reduxjs/redux-toolkit/pull/3318)
- Bump Immer to 10.0-beta by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3320](https://togithub.com/reduxjs/redux-toolkit/pull/3320)
- Switch build setup from a custom ESBuild+TS script to `tsup` by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3362](https://togithub.com/reduxjs/redux-toolkit/pull/3362)
- Use original instead of immer draft for perf by
[@​GeorchW](https://togithub.com/GeorchW) in
[https://github.com/reduxjs/redux-toolkit/pull/3270](https://togithub.com/reduxjs/redux-toolkit/pull/3270)
- enable enhanceEndpoints.transformResponse to override ResultType by
[@​dmitrigrabov](https://togithub.com/dmitrigrabov) in
[https://github.com/reduxjs/redux-toolkit/pull/2953](https://togithub.com/reduxjs/redux-toolkit/pull/2953)
- Fix global `responseHandler` being used in `fetchBaseQuery` by
[@​praxxis](https://togithub.com/praxxis) in
[https://github.com/reduxjs/redux-toolkit/pull/3137](https://togithub.com/reduxjs/redux-toolkit/pull/3137)
- reset internalState.currentSubscriptions on `resetApiState` by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/3333](https://togithub.com/reduxjs/redux-toolkit/pull/3333)
- Bump deps and mark `subscriptionUpdated` as autobatched by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3364](https://togithub.com/reduxjs/redux-toolkit/pull/3364)
- Redux 5alpha5 by [@​EskiMojo14](https://togithub.com/EskiMojo14)
in
[https://github.com/reduxjs/redux-toolkit/pull/3367](https://togithub.com/reduxjs/redux-toolkit/pull/3367)
- add isAction helper function, and ensure listener middleware only runs
for actions by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3372](https://togithub.com/reduxjs/redux-toolkit/pull/3372)
- Allow inference of enhancer state extensions, and fix inference when
using callback form by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3207](https://togithub.com/reduxjs/redux-toolkit/pull/3207)
- combineSlices implementation by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3297](https://togithub.com/reduxjs/redux-toolkit/pull/3297)
- Bump Immer to 10.0 final by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3376](https://togithub.com/reduxjs/redux-toolkit/pull/3376)
- Allow partial preloaded state for combined slice reducer and update
devDeps by [@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3381](https://togithub.com/reduxjs/redux-toolkit/pull/3381)
- ensure it's only possible to pass all or none of the hooks to
reactHooksModule by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3400](https://togithub.com/reduxjs/redux-toolkit/pull/3400)
- Remove remaining deprecated exports by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3398](https://togithub.com/reduxjs/redux-toolkit/pull/3398)
- create action creator middleware by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3414](https://togithub.com/reduxjs/redux-toolkit/pull/3414)
- Restore query status types by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3420](https://togithub.com/reduxjs/redux-toolkit/pull/3420)
- Implement auto fork joining by
[@​ericanderson](https://togithub.com/ericanderson) in
[https://github.com/reduxjs/redux-toolkit/pull/3407](https://togithub.com/reduxjs/redux-toolkit/pull/3407)
- types: make it easier to wrap createAsyncThunk by
[@​shrouxm](https://togithub.com/shrouxm) in
[https://github.com/reduxjs/redux-toolkit/pull/3393](https://togithub.com/reduxjs/redux-toolkit/pull/3393)
- Fixed Stackoverflow bug if children prop is a ref to root/parent
object by [@​cheprasov](https://togithub.com/cheprasov) in
[https://github.com/reduxjs/redux-toolkit/pull/3428](https://togithub.com/reduxjs/redux-toolkit/pull/3428)
- Add getDefaultEnhancers callback, and add autoBatchEnhancer to
defaults. by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3347](https://togithub.com/reduxjs/redux-toolkit/pull/3347)
- Update to Redux alpha 6 by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3442](https://togithub.com/reduxjs/redux-toolkit/pull/3442)
- Remove toString override from action creators, in favour of explicit
.type field. by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3425](https://togithub.com/reduxjs/redux-toolkit/pull/3425)
- Add "creator callback" syntax to slice reducer field, to allow for
async thunk creation by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3388](https://togithub.com/reduxjs/redux-toolkit/pull/3388)
- API for adding middleware dynamically by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3292](https://togithub.com/reduxjs/redux-toolkit/pull/3292)
- Add Id type parameter in createEntityAdapter by
[@​Matt-Ord](https://togithub.com/Matt-Ord) in
[https://github.com/reduxjs/redux-toolkit/pull/3187](https://togithub.com/reduxjs/redux-toolkit/pull/3187)
- Require usage of Tuple in TS by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3460](https://togithub.com/reduxjs/redux-toolkit/pull/3460)
- Require that enhancers is a callback by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3461](https://togithub.com/reduxjs/redux-toolkit/pull/3461)
- fix invalid createEntityAdapter call by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3490](https://togithub.com/reduxjs/redux-toolkit/pull/
</details>
---
### Configuration
📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/realbrodiwhite/royalgames-client).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4yNjEuMCIsInVwZGF0ZWRJblZlciI6IjM3LjI2MS4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiJ9-->
shottah
referenced
this pull request
in zed-io/kolektivo
May 15, 2024
[](https://renovatebot.com)
This PR contains the following updates:
| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@reduxjs/toolkit](https://redux-toolkit.js.org)
([source](https://togithub.com/reduxjs/redux-toolkit)) | [`^1.9.7` ->
`^2.2.1`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/1.9.7/2.2.1)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
[](https://docs.renovatebot.com/merge-confidence/)
|
---
### Release Notes
<details>
<summary>reduxjs/redux-toolkit (@​reduxjs/toolkit)</summary>
###
[`v2.2.1`](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.0...v2.2.1)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.2.0...v2.2.1)
###
[`v2.2.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.2.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.1.0...v2.2.0)
This *minor release*:
- Adds a second parameter to
`entityAdapter.getInitialState(additionalProps, entities)` to allow
prefilling state
- Equivalent to
`entityAdapter.setAll(entityAdapter.getInitialState(additionalProps),
entities)`
- First parameter can be `undefined` if no additional properties are
desired
- Allows initialising `combineSlices` with no static reducers
- Previously `const combinedReducer =
combineSlices().withLazyLoadedSlices<LazyLoadedSlices>()` would have
thrown an error
- Now returns a "no-op" reducer that just returns an empty object until
first reducer injected
- Allows a new `'throw'` value for `overrideExisting` in
`injectEndpoints`, which throws an error if a definition is injected
with a name which is already used
- Exports more type helpers for RTKQ hook and trigger types
- Exports types related to overriding result types in `enhanceEndpoints`
- Fixes state inference for injected slices when undeclared (i.e. not in
`LazyLoadedSlices`)
- Adds a `action.meta.arg.isPrefetch` value to query thunk actions when
prefetched
#### What's Changed
- Revamp type tests setup by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4095](https://togithub.com/reduxjs/redux-toolkit/pull/4095)
- Bump Prettier and Prettier related packages by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4126](https://togithub.com/reduxjs/redux-toolkit/pull/4126)
- Fix codemods to work with TypeScript 4.7+ by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4081](https://togithub.com/reduxjs/redux-toolkit/pull/4081)
- Export types related to overriding the result types by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4134](https://togithub.com/reduxjs/redux-toolkit/pull/4134)
- Migrate type tests to Vitest by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4127](https://togithub.com/reduxjs/redux-toolkit/pull/4127)
- Fix RetryOptions type test by flipping order by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4136](https://togithub.com/reduxjs/redux-toolkit/pull/4136)
- Format all files by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4135](https://togithub.com/reduxjs/redux-toolkit/pull/4135)
- \[Docs/Website] skipPollingIfUnfocused added to polling overview and
query options by [@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4131](https://togithub.com/reduxjs/redux-toolkit/pull/4131)
- \[Docs] Changed create.asyncThunk setup admonition to caution by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4150](https://togithub.com/reduxjs/redux-toolkit/pull/4150)
- Temporarily revert node-fetch bump until ESM issues are sorted by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4151](https://togithub.com/reduxjs/redux-toolkit/pull/4151)
- Contributing Markdown Refresh by
[@​itz-Me-Pj](https://togithub.com/itz-Me-Pj) in
[https://github.com/reduxjs/redux-toolkit/pull/4139](https://togithub.com/reduxjs/redux-toolkit/pull/4139)
- investigate re-adding size limit action by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4083](https://togithub.com/reduxjs/redux-toolkit/pull/4083)
- Add size limit imports for more commonly used RTK exports by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4155](https://togithub.com/reduxjs/redux-toolkit/pull/4155)
- pure some things by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4157](https://togithub.com/reduxjs/redux-toolkit/pull/4157)
- cut back on suffixes tested for size by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4160](https://togithub.com/reduxjs/redux-toolkit/pull/4160)
- Incorrect builder method referenced by
[@​kantbtrue](https://togithub.com/kantbtrue) in
[https://github.com/reduxjs/redux-toolkit/pull/4161](https://togithub.com/reduxjs/redux-toolkit/pull/4161)
- Rename `cli.js` to `cli.mjs` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4169](https://togithub.com/reduxjs/redux-toolkit/pull/4169)
- Migrate Codegen OpenAPI's unit tests to Vitest by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4137](https://togithub.com/reduxjs/redux-toolkit/pull/4137)
- Fix wrong state for injected slices when not declared via
`withLazyLoadedSlices` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4172](https://togithub.com/reduxjs/redux-toolkit/pull/4172)
- \[Docs, createEntityAdapter API]: add missing setOne and setMany
signature by [@​kyselberg](https://togithub.com/kyselberg) in
[https://github.com/reduxjs/redux-toolkit/pull/4173](https://togithub.com/reduxjs/redux-toolkit/pull/4173)
- Corrected the "Observing cache behaviour" example point no.4 by
[@​721-atikshaikh](https://togithub.com/721-atikshaikh) in
[https://github.com/reduxjs/redux-toolkit/pull/4174](https://togithub.com/reduxjs/redux-toolkit/pull/4174)
- feat: add isPrefetch property in query action by
[@​juliengbt](https://togithub.com/juliengbt) in
[https://github.com/reduxjs/redux-toolkit/pull/4177](https://togithub.com/reduxjs/redux-toolkit/pull/4177)
- allow initialising combined slice reducer with no static slices by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4184](https://togithub.com/reduxjs/redux-toolkit/pull/4184)
- Create more Typed wrappers for RTKQ hook types by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4147](https://togithub.com/reduxjs/redux-toolkit/pull/4147)
- proposal fix for axios base query types by
[@​smff](https://togithub.com/smff) in
[https://github.com/reduxjs/redux-toolkit/pull/4186](https://togithub.com/reduxjs/redux-toolkit/pull/4186)
- Provide 'throw' option for `overrideExisting` by
[@​ffluk3](https://togithub.com/ffluk3) in
[https://github.com/reduxjs/redux-toolkit/pull/4189](https://togithub.com/reduxjs/redux-toolkit/pull/4189)
- Use vite-tsconfig-paths to make path aliasing easier by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4175](https://togithub.com/reduxjs/redux-toolkit/pull/4175)
- Remove trailing commas in `tsconfig.json` files of all CodesandBox
examples by [@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4190](https://togithub.com/reduxjs/redux-toolkit/pull/4190)
- \[Docs] Added withTypes documentation in createDraftSafeSelector by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4143](https://togithub.com/reduxjs/redux-toolkit/pull/4143)
- Add second parameter to getInitialState to prefill entities by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4183](https://togithub.com/reduxjs/redux-toolkit/pull/4183)
#### New Contributors
- [@​itz-Me-Pj](https://togithub.com/itz-Me-Pj) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4139](https://togithub.com/reduxjs/redux-toolkit/pull/4139)
- [@​kantbtrue](https://togithub.com/kantbtrue) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4161](https://togithub.com/reduxjs/redux-toolkit/pull/4161)
- [@​kyselberg](https://togithub.com/kyselberg) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4173](https://togithub.com/reduxjs/redux-toolkit/pull/4173)
- [@​721-atikshaikh](https://togithub.com/721-atikshaikh) made
their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4174](https://togithub.com/reduxjs/redux-toolkit/pull/4174)
- [@​smff](https://togithub.com/smff) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4186](https://togithub.com/reduxjs/redux-toolkit/pull/4186)
- [@​ffluk3](https://togithub.com/ffluk3) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4189](https://togithub.com/reduxjs/redux-toolkit/pull/4189)
**Full Changelog**:
https://github.com/reduxjs/redux-toolkit/compare/v2.1.0...v2.2.0
###
[`v2.1.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.1.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.1...v2.1.0)
This *minor release*:
- adds withTypes methods to `listenerMiddleware` and
`createDraftSafeSelector`
- adds a `skipPollingIfUnfocused` option to RTK Query
- adds the ability to customise the `createSelector` instance used by
RTK Query
- reworks slice selector logic to avoid depending on `this` value
- fixes the order and inference of `create.asyncThunk` type parameters
- fixes requirements for meta fields returned from `queryFn`s
- marks promises that will never reject as safe, in preparation for
[https://github.com/typescript-eslint/typescript-eslint/issues/7008](https://togithub.com/typescript-eslint/typescript-eslint/issues/7008)
#### What's Changed
- Update docs to avoid circular type by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3948](https://togithub.com/reduxjs/redux-toolkit/pull/3948)
- Copy "Migrating to Modern Redux" and "RTK is Redux" docs from core
site by [@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3956](https://togithub.com/reduxjs/redux-toolkit/pull/3956)
- Fix store path rtk-query pokemon api tutorial by
[@​suspiciousRaccoon](https://togithub.com/suspiciousRaccoon) in
[https://github.com/reduxjs/redux-toolkit/pull/3611](https://togithub.com/reduxjs/redux-toolkit/pull/3611)
- tweak RTKQ without hooks section, and add note regarding memoization
by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3963](https://togithub.com/reduxjs/redux-toolkit/pull/3963)
- Add section regarding overriding deps by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3968](https://togithub.com/reduxjs/redux-toolkit/pull/3968)
- Add section re: RR custom context typing change by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3995](https://togithub.com/reduxjs/redux-toolkit/pull/3995)
- Add Expo demo app to CI workflow by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/3985](https://togithub.com/reduxjs/redux-toolkit/pull/3985)
- docs: fix a typo in queries markdown file by
[@​fatihgnc](https://togithub.com/fatihgnc) in
[https://github.com/reduxjs/redux-toolkit/pull/4013](https://togithub.com/reduxjs/redux-toolkit/pull/4013)
- Preserve nullable store state type by avoiding intersection with {} by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4011](https://togithub.com/reduxjs/redux-toolkit/pull/4011)
- Upgrade version of "graphql-request" by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/4026](https://togithub.com/reduxjs/redux-toolkit/pull/4026)
- \[graphql-request-base-query] update RTK peerDependency by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/4027](https://togithub.com/reduxjs/redux-toolkit/pull/4027)
- fix: improve selectFromResult memoization by
[@​thisjeremiah](https://togithub.com/thisjeremiah) in
[https://github.com/reduxjs/redux-toolkit/pull/4029](https://togithub.com/reduxjs/redux-toolkit/pull/4029)
- Rename "createSliceWithThunks" and "createThunkSlice" to
"createAppSlice" by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4035](https://togithub.com/reduxjs/redux-toolkit/pull/4035)
- Bump Vitest to latest version by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4047](https://togithub.com/reduxjs/redux-toolkit/pull/4047)
- fix inference and order of async thunk generics by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4061](https://togithub.com/reduxjs/redux-toolkit/pull/4061)
- Fix markdown links on Next.js page by
[@​DmitryScaletta](https://togithub.com/DmitryScaletta) in
[https://github.com/reduxjs/redux-toolkit/pull/4069](https://togithub.com/reduxjs/redux-toolkit/pull/4069)
- Introduce pre-typed listener middleware via
`listenerMiddleware.withTypes<RootState, AppDispatch>()` method by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4049](https://togithub.com/reduxjs/redux-toolkit/pull/4049)
- Add `.withTypes` to `createDraftSafeSelector` by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4080](https://togithub.com/reduxjs/redux-toolkit/pull/4080)
- Task/remove all settled by
[@​bever1337](https://togithub.com/bever1337) in
[https://github.com/reduxjs/redux-toolkit/pull/3917](https://togithub.com/reduxjs/redux-toolkit/pull/3917)
- Allow customising createSelector instance used by RTKQ by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4048](https://togithub.com/reduxjs/redux-toolkit/pull/4048)
- cacheLifecycle fix for fixedCacheKey in mutationThunk by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4082](https://togithub.com/reduxjs/redux-toolkit/pull/4082)
- avoid relying on `this` in createSlice by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4071](https://togithub.com/reduxjs/redux-toolkit/pull/4071)
- documentation: fix grammar in redux and redux toolkit comparison by
[@​untilhamza](https://togithub.com/untilhamza) in
[https://github.com/reduxjs/redux-toolkit/pull/4086](https://togithub.com/reduxjs/redux-toolkit/pull/4086)
- Update `tsconfig.typetests.json` to include all TS files by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4091](https://togithub.com/reduxjs/redux-toolkit/pull/4091)
- Remove abort event listner for AbortController by
[@​Fonger](https://togithub.com/Fonger) in
[https://github.com/reduxjs/redux-toolkit/pull/3951](https://togithub.com/reduxjs/redux-toolkit/pull/3951)
- Docs: unused value 'isRejected' in code snippet by
[@​alphonsotran](https://togithub.com/alphonsotran) in
[https://github.com/reduxjs/redux-toolkit/pull/3301](https://togithub.com/reduxjs/redux-toolkit/pull/3301)
- fix/kitchen-sink-isAuthenticated: fixed isAuthenticated state change
on login fullfilled by
[@​shrijan00003](https://togithub.com/shrijan00003) in
[https://github.com/reduxjs/redux-toolkit/pull/3588](https://togithub.com/reduxjs/redux-toolkit/pull/3588)
- Fix `composeWithDevTools` spy by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4093](https://togithub.com/reduxjs/redux-toolkit/pull/4093)
- require queryFn meta to match base query by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/4098](https://togithub.com/reduxjs/redux-toolkit/pull/4098)
- Added 'SafePromise' branded Promises for createAsyncThunk by
[@​JoshuaKGoldberg](https://togithub.com/JoshuaKGoldberg) in
[https://github.com/reduxjs/redux-toolkit/pull/4102](https://togithub.com/reduxjs/redux-toolkit/pull/4102)
- Add React Native demo app to CI workflow by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/3984](https://togithub.com/reduxjs/redux-toolkit/pull/3984)
- Modernize unit test setup by
[@​aryaemami59](https://togithub.com/aryaemami59) in
[https://github.com/reduxjs/redux-toolkit/pull/4114](https://togithub.com/reduxjs/redux-toolkit/pull/4114)
- Add missing reducer field to ConfigureStoreOptions docs by
[@​nickgirardo](https://togithub.com/nickgirardo) in
[https://github.com/reduxjs/redux-toolkit/pull/4116](https://togithub.com/reduxjs/redux-toolkit/pull/4116)
- Option for queries to pause polling when unfocused by
[@​riqts](https://togithub.com/riqts) in
[https://github.com/reduxjs/redux-toolkit/pull/4055](https://togithub.com/reduxjs/redux-toolkit/pull/4055)
#### New Contributors
- [@​suspiciousRaccoon](https://togithub.com/suspiciousRaccoon)
made their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3611](https://togithub.com/reduxjs/redux-toolkit/pull/3611)
- [@​fatihgnc](https://togithub.com/fatihgnc) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4013](https://togithub.com/reduxjs/redux-toolkit/pull/4013)
- [@​thisjeremiah](https://togithub.com/thisjeremiah) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4029](https://togithub.com/reduxjs/redux-toolkit/pull/4029)
- [@​riqts](https://togithub.com/riqts) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4082](https://togithub.com/reduxjs/redux-toolkit/pull/4082)
- [@​untilhamza](https://togithub.com/untilhamza) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4086](https://togithub.com/reduxjs/redux-toolkit/pull/4086)
- [@​Fonger](https://togithub.com/Fonger) made their first
contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3951](https://togithub.com/reduxjs/redux-toolkit/pull/3951)
- [@​alphonsotran](https://togithub.com/alphonsotran) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3301](https://togithub.com/reduxjs/redux-toolkit/pull/3301)
- [@​shrijan00003](https://togithub.com/shrijan00003) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/3588](https://togithub.com/reduxjs/redux-toolkit/pull/3588)
- [@​JoshuaKGoldberg](https://togithub.com/JoshuaKGoldberg) made
their first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4102](https://togithub.com/reduxjs/redux-toolkit/pull/4102)
- [@​nickgirardo](https://togithub.com/nickgirardo) made their
first contribution in
[https://github.com/reduxjs/redux-toolkit/pull/4116](https://togithub.com/reduxjs/redux-toolkit/pull/4116)
**Full Changelog**:
https://github.com/reduxjs/redux-toolkit/compare/v2.0.1...v2.1.0
###
[`v2.0.1`](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.0...v2.0.1)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v2.0.0...v2.0.1)
###
[`v2.0.0`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v2.0.0)
[Compare
Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.7...v2.0.0)
This **major release** :
- Removes the deprecated object syntax from `createSlice` and
`createReducer`
- Removes other deprecated options
- Updates the `middleware` and `enhancers` options of `configureStore`
to require callbacks
- Updates the packaging for better ESM/CJS compatibility and modernizes
the build output
- Includes all changes to [Redux core
5.0](https://togithub.com/reduxjs/redux/releases/tag/v5.0.0), [Reselect
5.0](https://togithub.com/reduxjs/reselect/releases/tag/v5.0.0), and
[Redux Thunk
3.0](https://togithub.com/reduxjs/redux-thunk/releases/tag/v3.0.0)
- Updates RTKQ default subscription behavior
- Adds a new `combineSlices` method with support for lazy-loading slice
reducers
- Adds a new "dynamic middleware" middleware with support for adding
middleware at runtime
- Adds a new callback syntax to `createSlice.reducers`, with optional
support for defining thunks inside of `createSlice`
- Adds the `autoBatchEnhancer` to `configureStore` by default
- Has many additional TS tweaks and improvements
This release has **breaking changes**. (Note: v2.0.1 was released with a
couple hotfixes for Reselect and Redux Thunk right as this was being
finalized.)
This release is part of a wave of major versions of all the Redux
packages: **Redux Toolkit 2.0, Redux core 5.0, React-Redux 9.0, Reselect
5.0, and Redux Thunk 3.0**.
For full details on all of the breaking changes and other significant
changes to all of those packages, see the **["Migrating to RTK 2.0 and
Redux 5.0" migration
guide](https://redux.js.org/usage/migrations/migrating-rtk-2)** in the
Redux docs.
> \[!NOTE]
> The Redux core, Reselect, and Redux Thunk packages are included as
part of Redux Toolkit, and RTK users do not need to manually upgrade
them - you'll get them as part of the upgrade to RTK 2.0. (If you're not
using Redux Toolkit yet, [**please start migrating your existing legacy
Redux code to use Redux Toolkit
today!**](https://redux.js.org/usage/migrating-to-modern-redux))
```bash
##### RTK
npm install @​reduxjs/toolkit
yarn add @​reduxjs/toolkit
```
##### Changelog
##### Object syntax for `createSlice.extraReducers` and `createReducer`
removed
RTK's `createReducer` API was originally designed to accept a lookup
table of action type strings to case reducers, like `{ "ADD_TODO":
(state, action) => {} }`. We later added the "builder callback" form to
allow more flexibility in adding "matchers" and a default handler, and
did the same for `createSlice.extraReducers`.
We have removed the "object" form for both `createReducer` and
`createSlice.extraReducers` in RTK 2.0, as the builder callback form is
effectively the same number of lines of code, and works much better with
TypeScript.
As an example, this:
```ts
const todoAdded = createAction('todos/todoAdded')
createReducer(initialState, {
[todoAdded]: (state, action) => {},
})
createSlice({
name,
initialState,
reducers: {
/* case reducers here */
},
extraReducers: {
[todoAdded]: (state, action) => {},
},
})
```
should be migrated to:
```ts
createReducer(initialState, (builder) => {
builder.addCase(todoAdded, (state, action) => {})
})
createSlice({
name,
initialState,
reducers: {
/* case reducers here */
},
extraReducers: (builder) => {
builder.addCase(todoAdded, (state, action) => {})
},
})
```
##### Codemods
To simplify upgrading codebases, we've published a set of codemods that
will automatically transform the deprecated "object" syntax into the
equivalent "builder" syntax.
The codemods package is available on NPM as
[`@reduxjs/rtk-codemods`](https://www.npmjs.com/package/@​reduxjs/rtk-codemods).
More details are available [here](../api/codemods).
To run the codemods against your codebase, run `npx
@​reduxjs/rtk-codemods <TRANSFORM NAME> path/of/files/
or/some**/*glob.js.`
Examples:
```sh
npx @​reduxjs/rtk-codemods createReducerBuilder ./src
npx @​reduxjs/rtk-codemods createSliceBuilder ./packages/my-app/**/*.ts
```
We also recommend re-running Prettier on the codebase before committing
the changes.
These codemods should work, but we would greatly appreciate feedback
from more real-world codebases!
##### `configureStore` Options Changes
##### `configureStore.middleware` must be a callback
Since the beginning, `configureStore` has accepted a direct array value
as the `middleware` option. However, providing an array directly
prevents `configureStore` from calling `getDefaultMiddleware()`. So,
`middleware: [myMiddleware]` means there is no thunk middleware added
(or any of the dev-mode checks).
This is a footgun, and we've had numerous users accidentally do this and
cause their apps to fail because the default middleware never got
configured.
As a result, we've now made the `middleware` only accept the callback
form. *If* for some reason you still want to replace *all* of the
built-in middleware, do so by returning an array from the callback:
```ts
const store = configureStore({
reducer,
middleware: (getDefaultMiddleware) => {
// WARNING: this means that _none_ of the default middleware are added!
return [myMiddleware]
// or for TS users, use:
// return new Tuple(myMiddleware)
},
})
```
But note that **we consistently recommend not replacing the default
middleware entirely**, and that you should use `return
getDefaultMiddleware().concat(myMiddleware)`.
##### `configureStore.enhancers` must be a callback
Similarly to `configureStore.middleware`, the `enhancers` field must
also be a callback, for the same reasons.
The callback will receive a `getDefaultEnhancers` function that can be
used to customise the batching enhancer [that's now included by
default](#configurestore-adds-autobatchenhancer-by-default).
For example:
```ts
const store = configureStore({
reducer,
enhancers: (getDefaultEnhancers) => {
return getDefaultEnhancers({
autoBatch: { type: 'tick' },
}).concat(myEnhancer)
},
})
```
It's important to note that the result of `getDefaultEnhancers` will
**also** contain the middleware enhancer created with any
configured/default middleware. To help prevent mistakes,
`configureStore` will log an error to console if middleware was provided
and the middleware enhancer wasn't included in the callback result.
```ts
const store = configureStore({
reducer,
enhancers: (getDefaultEnhancers) => {
return [myEnhancer] // we've lost the middleware here
// instead:
return getDefaultEnhancers().concat(myEnhancer)
},
})
```
Also, note that **if you supply the `enhancers` field, it *must* come
*after* the `middleware` field in order for TS inference to work
properly**.
##### Standalone `getDefaultMiddleware` and `getType` removed
The standalone version of `getDefaultMiddleware` has been deprecated
since v1.6.1, and has now been removed. Use the function passed to the
`middleware` callback instead, which has the correct types.
We have also removed the `getType` export, which was used to extract a
type string from action creators made with `createAction`. Instead, use
the static property `actionCreator.type`.
##### RTK Query behaviour changes
We've had a number of reports where RTK Query had issues around usage of
`dispatch(endpoint.initiate(arg, {subscription: false}))`. There were
also reports that multiple triggered lazy queries were resolving the
promises at the wrong time. Both of these had the same underlying issue,
which was that RTKQ wasn't tracking cache entries in these cases
(intentionally). We've reworked the logic to always track cache entries
(and remove them as needed), which should resolve those behavior issues.
We also have had issues raised about trying to run multiple mutations in
a row and how tag invalidation behaves. RTKQ now has internal logic to
delay tag invalidation briefly, to allow multiple invalidations to get
handled together. This is controlled by a new `invalidationBehavior:
'immediate' | 'delayed'` flag on `createApi`. The new default behavior
is `'delayed'`. Set it to `'immediate'` to revert to the behavior in RTK
1.9.
In RTK 1.9, we reworked RTK Query's internals to keep most of the
subscription status inside the RTKQ middleware. The values are still
synced to the Redux store state, but this is primarily for display by
the Redux DevTools "RTK Query" panel. Related to the cache entry changes
above, we've optimized how often those values get synced to the Redux
state for perf.
##### ESM/CJS Package Compatibility
The biggest theme of the Redux v5 and RTK 2.0 releases is trying to get
"true" ESM package publishing compatibility in place, while still
supporting CJS in the published package.
**The primary build artifact is now an ESM file,
`dist/redux-toolkit.modern.mjs`**. Most build tools should pick this up.
There's also a CJS artifact, and a second copy of the ESM file named
`redux-toolkit.legacy-esm.js` to support Webpack 4 (which does not
recognize the `exports` field in `package.json`). Additionally, all of
the build artifacts now live under `./dist/` in the published package.
##### Modernized Build Output
We now publish modern JS syntax targeting ES2020, including optional
chaining, object spread, and other modern syntax. If you need to
##### Build Tooling
We're now building the package using https://github.com/egoist/tsup. We
also now include sourcemaps for the ESM and CJS artifacts.
##### Dropping UMD Builds
Redux has always shipped with UMD build artifacts. These are primarily
meant for direct import as script tags, such as in a CodePen or a
no-bundler build environment.
We've dropped those build artifacts from the published package, on the
grounds that the use cases seem pretty rare today.
There's now a `redux-toolkit.browser.mjs` file in the package that can
be loaded from a CDN like Unpkg.
If you have strong use cases for us continuing to include UMD build
artifacts, please let us know!
##### Dependency Updates
##### Redux Libraries
RTK now depends on **[Redux core
5.0](https://togithub.com/reduxjs/redux/releases/tag/v5.0.0), [Reselect
5.0](https://togithub.com/reduxjs/reselect/releases/tag/v5.0.0), and
[Redux Thunk
3.0](https://togithub.com/reduxjs/redux-thunk/releases/tag/v3.0.0)**.
See the linked release notes for those libraries, as **each of them has
additional breaking changes**. The ["Migrating to RTK 2.0 and Redux 5.0"
docs page](https://redux.js.org/usage/migrations/migrating-rtk-2) also
covers the combined changes in one page
##### Immer 10
RTK now also depends on [Immer
10.0](https://togithub.com/immerjs/immer/releases/tag/v10.0.0), which
has several major improvements and updates:
- Much faster update perf
- Much smaller bundle size
- Better ESM/CJS package formatting
- No default export
- No ES5 fallback
We've also removed the prior call to automatically enable the Immer ES5
fallback mode any time RTK was loaded.
##### Other Changes
##### Bundle Size Optimizations
Redux 4.1.0 optimized its bundle size by [extracting error message
strings out of production
builds](https://togithub.com/reduxjs/redux/releases/tag/v4.1.0), based
on React's approach. We've applied the same technique to RTK. This saves
about 1000 bytes from prod bundles (actual benefits will depend on which
imports are being used).
We also noted that [ESBuild does not deduplicate imports when it bundles
source files](https://togithub.com/evanw/esbuild/issues/475), and this
was causing RTK Query's bundle to contain a dozen references to `import
{ } from "@​reduxjs/toolkit"`, including some of the same methods.
Manually deduplicating those saves about 600 bytes off the production
RTKQ artifact.
##### `reactHooksModule` custom hook configuration
Previously, custom versions of React Redux's hooks (`useSelector`,
`useDispatch`, and `useStore`) could be passed separately to
`reactHooksModule`, usually to enable using a different context to the
default `ReactReduxContext`.
In practicality, the react hooks module needs all three of these hooks
to be provided, and it became an easy mistake to only pass `useSelector`
and `useDispatch`, without `useStore`.
The module has now moved all three of these under the same configuration
key, and will check that all three are provided if the key is present.
```ts
// previously
const customCreateApi = buildCreateApi(
coreModule(),
reactHooksModule({
useDispatch: createDispatchHook(MyContext),
useSelector: createSelectorHook(MyContext),
useStore: createStoreHook(MyContext),
})
)
// now
const customCreateApi = buildCreateApi(
coreModule(),
reactHooksModule({
hooks: {
useDispatch: createDispatchHook(MyContext),
useSelector: createSelectorHook(MyContext),
useStore: createStoreHook(MyContext),
},
})
)
```
##### Deprecated Options Removed
Several other options were previously marked as deprecated, and have
been removed. We've also removed polyfills like the `AbortController`
polyfill.
##### TypeScript Changes
##### `configureStore` field order for `middleware` matters
If you are passing *both* the `middleware` and `enhancers` fields to
`configureStore`, the `middleware` field *must* come first in order for
internal TS inference to work properly.
##### Non-default middleware/enhancers must use `Tuple`
We've seen many cases where users passing the `middleware` parameter to
configureStore have tried spreading the array returned by
`getDefaultMiddleware()`, or passed an alternate plain array. This
unfortunately loses the exact TS types from the individual middleware,
and often causes TS problems down the road (such as `dispatch` being
typed as `Dispatch<AnyAction>` and not knowing about thunks).
`getDefaultMiddleware()` already used an internal `MiddlewareArray`
class, an `Array` subclass that had strongly typed `.concat/prepend()`
methods to correctly capture and retain the middleware types.
We've renamed that type to `Tuple`, and `configureStore`'s TS types now
require that you *must* use `Tuple` if you want to pass your own array
of middleware:
```ts
import { configureStore, Tuple } from '@​reduxjs/toolkit'
configureStore({
reducer: rootReducer,
middleware: (getDefaultMiddleware) => new Tuple(additionalMiddleware, logger),
})
```
(Note that this has no effect if you're using RTK with plain JS, and you
could still pass a plain array here.)
This same restriction applies to the `enhancers` field.
##### Entity adapter type updates
`createEntityAdapter` now has an `Id` generic argument, which will be
used to strongly type the item IDs anywhere those are exposed.
Previously, the ID field type was always `string | number`. TS will now
try to infer the exact type from either the `.id` field of your entity
type, or the `selectId` return type. You could also fall back to passing
that generic type directly. **If you use the `EntityState<Data, Id>`
type directly, you *must* supply both generic arguments!**
The `.entities` lookup table is now defined to use a standard TS
`Record<Id, MyEntityType>`, which assumes that each item lookup exists
by default. Previously, it used a `Dictionary<MyEntityType>` type, which
assumed the result was `MyEntityType | undefined`. The `Dictionary` type
has been removed.
If you prefer to assume that the lookups *might* be undefined, use
TypeScript's `noUncheckedIndexedAccess` configuration option to control
that.
##### New Features
These features are new in Redux Toolkit 2.0, and help cover additional
use cases that we've seen users ask for in the ecosystem.
##### `combineSlices` API with slice reducer injection for
code-splitting
The Redux core has always included `combineReducers`, which takes an
object full of "slice reducer" functions and generates a reducer that
calls those slice reducers. RTK's `createSlice` generates slice reducers
+ associated action creators, and we've taught the pattern of exporting
individual action creators as named exports and the slice reducer as a
default export. Meanwhile, we've never had official support for
lazy-loading reducers, although we've had [sample code for some "reducer
injection" patterns in our
docs](https://redux.js.org/usage/code-splitting).
This release includes a new [`combineSlices`](../api/combineSlices) API
that is designed to enable lazy-loading of reducers at runtime. It
accepts individual slices or an object full of slices as arguments, and
automatically calls `combineReducers` using the `sliceObject.name` field
as the key for each state field. The generated reducer function has an
additional `.inject()` method attached that can be used to dynamically
inject additional slices at runtime. It also includes a
`.withLazyLoadedSlices()` method that can be used to generate TS types
for reducers that will be added later. See
[#​2776](https://togithub.com/reduxjs/redux-toolkit/issues/2776)
for the original discussion around this idea.
For now, we are not building this into `configureStore`, so you'll need
to call `const rootReducer = combineSlices(.....)` yourself and pass
that to `configureStore({reducer: rootReducer})`.
**Basic usage: a mixture of slices and standalone reducers passed to
`combineSlices`**
```ts
const stringSlice = createSlice({
name: 'string',
initialState: '',
reducers: {},
})
const numberSlice = createSlice({
name: 'number',
initialState: 0,
reducers: {},
})
const booleanReducer = createReducer(false, () => {})
const api = createApi(/* */)
const combinedReducer = combineSlices(
stringSlice,
{
num: numberSlice.reducer,
boolean: booleanReducer,
},
api
)
expect(combinedReducer(undefined, dummyAction())).toEqual({
string: stringSlice.getInitialState(),
num: numberSlice.getInitialState(),
boolean: booleanReducer.getInitialState(),
api: api.reducer.getInitialState(),
})
```
**Basic slice reducer injection**
```ts
// Create a reducer with a TS type that knows `numberSlice` will be injected
const combinedReducer =
combineSlices(stringSlice).withLazyLoadedSlices<
WithSlice<typeof numberSlice>
>()
// `state.number` doesn't exist initially
expect(combinedReducer(undefined, dummyAction()).number).toBe(undefined)
// Create a version of the reducer with `numberSlice` injected (mainly useful for types)
const injectedReducer = combinedReducer.inject(numberSlice)
// `state.number` now exists, and injectedReducer's type no longer marks it as optional
expect(injectedReducer(undefined, dummyAction()).number).toBe(
numberSlice.getInitialState()
)
// original reducer has also been changed (type is still optional)
expect(combinedReducer(undefined, dummyAction()).number).toBe(
numberSlice.getInitialState()
)
```
##### `selectors` field in `createSlice`
The existing `createSlice` API now has support for defining
[`selectors`](../api/createSlice#selectors) directly as part of the
slice. By default, these will be generated with the assumption that the
slice is mounted in the root state using `slice.name` as the field, such
as `name: "todos"` -> `rootState.todos`. Additionally, there's now a
`slice.selectSlice` method that does that default root state lookup.
You can call `sliceObject.getSelectors(selectSliceState)` to generate
the selectors with an alternate location, similar to how
`entityAdapter.getSelectors()` works.
```ts
const slice = createSlice({
name: 'counter',
initialState: 42,
reducers: {},
selectors: {
selectSlice: (state) => state,
selectMultiple: (state, multiplier: number) => state * multiplier,
},
})
// Basic usage
const testState = {
[slice.name]: slice.getInitialState(),
}
const { selectSlice, selectMultiple } = slice.selectors
expect(selectSlice(testState)).toBe(slice.getInitialState())
expect(selectMultiple(testState, 2)).toBe(slice.getInitialState() * 2)
// Usage with the slice reducer mounted under a different key
const customState = {
number: slice.getInitialState(),
}
const { selectSlice, selectMultiple } = slice.getSelectors(
(state: typeof customState) => state.number
)
expect(selectSlice(customState)).toBe(slice.getInitialState())
expect(selectMultiple(customState, 2)).toBe(slice.getInitialState() * 2)
```
##### `createSlice.reducers` callback syntax and thunk support
One of the oldest feature requests we've had is the ability to declare
thunks directly inside of `createSlice`. Until now, you've always had to
declare them separately, give the thunk a string action prefix, and
handle the actions via `createSlice.extraReducers`:
```ts
// Declare the thunk separately
const fetchUserById = createAsyncThunk(
'users/fetchByIdStatus',
async (userId: number, thunkAPI) => {
const response = await userAPI.fetchById(userId)
return response.data
}
)
const usersSlice = createSlice({
name: 'users',
initialState,
reducers: {
// standard reducer logic, with auto-generated action types per reducer
},
extraReducers: (builder) => {
// Add reducers for additional action types here, and handle loading state as needed
builder.addCase(fetchUserById.fulfilled, (state, action) => {
state.entities.push(action.payload)
})
},
})
```
Many users have told us that this separation feels awkward.
We've *wanted* to include a way to define thunks directly inside of
`createSlice`, and have played around with various prototypes. There
were always two major blocking issues, and a secondary concern:
1. It wasn't clear what the syntax for declaring a thunk inside should
look like.
2. Thunks have access to `getState` and `dispatch`, but the `RootState`
and `AppDispatch` types are normally inferred from the store, which in
turn infers it from the slice state types. Declaring thunks inside
`createSlice` would cause circular type inference errors, as the store
needs the slice types but the slice needs the store types. We weren't
willing to ship an API that would work okay for our JS users but not for
our TS users, especially since we *want* people to use TS with RTK.
3. You can't do synchronous conditional imports in ES modules, and
there's no good way to make the `createAsyncThunk` import optional.
Either `createSlice` always depends on it (and adds that to the bundle
size), or it can't use `createAsyncThunk` at all.
We've settled on these compromises:
- **In order to create async thunks with `createSlice`, you specifically
need to [set up a custom version of `createSlice` that has access to
`createAsyncThunk`](../api/createSlice#createasyncthunk)**.
- You can declare thunks inside of `createSlice.reducers`, by using a
"creator callback" syntax for the `reducers` field that is similar to
the `build` callback syntax in RTK Query's `createApi` (using typed
functions to create fields in an object). Doing this does look a bit
different than the existing "object" syntax for the `reducers` field,
but is still fairly similar.
- You can customize *some* of the types for thunks inside of
`createSlice`, but you *cannot* customize the `state` or `dispatch`
types. If those are needed, you can manually do an `as` cast, like
`getState() as RootState`.
In practice, we hope these are reasonable tradeoffs. Creating thunks
inside of `createSlice` has been widely asked for, so we think it's an
API that will see usage. If the TS customization options are a
limitation, you can still declare thunks outside of `createSlice` as
always, and most async thunks don't need `dispatch` or `getState` - they
just fetch data and return. And finally, setting up a custom
`createSlice` allows you to opt into `createAsyncThunk` being included
in your bundle size (though it may already be included if used directly
or as part of RTK Query - in either of these cases there's no
*additional* bundle size).
Here's what the new callback syntax looks like:
```ts
const createSliceWithThunks = buildCreateSlice({
creators: { asyncThunk: asyncThunkCreator },
})
const todosSlice = createSliceWithThunks({
name: 'todos',
initialState: {
loading: false,
todos: [],
error: null,
} as TodoState,
reducers: (create) => ({
// A normal "case reducer", same as always
deleteTodo: create.reducer((state, action: PayloadAction<number>) => {
state.todos.splice(action.payload, 1)
}),
// A case reducer with a "prepare callback" to customize the action
addTodo: create.preparedReducer(
(text: string) => {
const id = nanoid()
return { payload: { id, text } }
},
// action type is inferred from prepare callback
(state, action) => {
state.todos.push(action.payload)
}
),
// An async thunk
fetchTodo: create.asyncThunk(
// Async payload function as the first argument
async (id: string, thunkApi) => {
const res = await fetch(`myApi/todos?id=${id}`)
return (await res.json()) as Item
},
// An object containing `{pending?, rejected?, fulfilled?, settled?, options?}` second
{
pending: (state) => {
state.loading = true
},
rejected: (state, action) => {
state.error = action.payload ?? action.error
},
fulfilled: (state, action) => {
state.todos.push(action.payload)
},
// settled is called for both rejected and fulfilled actions
settled: (state, action) => {
state.loading = false
},
}
),
}),
})
// `addTodo` and `deleteTodo` are normal action creators.
// `fetchTodo` is the async thunk
export const { addTodo, deleteTodo, fetchTodo } = todosSlice.actions
```
##### Codemod
**Using the new callback syntax is entirely optional (the object syntax
is still standard)**, but an existing slice would need to be converted
before it can take advantage of the new capabilities this syntax
provides. To make this easier, a [codemod](../api/codemods) is provided.
```sh
npx @​reduxjs/rtk-codemods createSliceReducerBuilder ./src/features/todos/slice.ts
```
##### "Dynamic middleware" middleware
A Redux store's middleware pipeline is fixed at store creation time and
can't be changed later. We *have* seen ecosystem libraries that tried to
allow dynamically adding and removing middleware, potentially useful for
things like code splitting.
This is a relatively niche use case, but we've built [our own version of
a "dynamic middleware" middleware](../api/createDynamicMiddleware). Add
it to the Redux store at setup time, and it lets you add middleware
later at runtime. It also comes with a [React hook integration that will
automatically add a middleware to the store and return the updated
dispatch method.](../api/createDynamicMiddleware#react-integration).
```ts
import { createDynamicMiddleware, configureStore } from '@​reduxjs/toolkit'
const dynamicMiddleware = createDynamicMiddleware()
const store = configureStore({
reducer: {
todos: todosReducer,
},
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware().prepend(dynamicMiddleware.middleware),
})
// later
dynamicMiddleware.addMiddleware(someOtherMiddleware)
```
##### `configureStore` adds `autoBatchEnhancer` by default
[In v1.9.0, we added a new
`autoBatchEnhancer`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.0)
that delays notifying subscribers briefly when multiple "low-priority"
actions are dispatched in a row. This improves perf, as UI updates are
typically the most expensive part of the update process. RTK Query marks
most of its own internal actions as "low-pri" by default, but you have
to have the `autoBatchEnhancer` added to the store to benefit from that.
We've updated `configureStore` to add the `autoBatchEnhancer` to the
store setup by default, so that users can benefit from the improved perf
without needing to manually tweak the store config themselves.
##### `entityAdapter.getSelectors` accepts a `createSelector` function
[`entityAdapter.getSelectors()`](../api/createEntityAdapter#selector-functions)
now accepts an options object as its second argument. This allows you to
pass in your own preferred `createSelector` method, which will be used
to memoize the generated selectors. This could be useful if you want to
use one of Reselect's new alternate memoizers, or some other memoization
library with an equivalent signature.
##### Next.js Setup Guide
We now have a docs page that covers [how to set up Redux properly with
Next.js](https://redux.js.org/usage/nextjs). We've seen a lot of
questions around using Redux, Next, and the App Router together, and
this guide should help provide advice.
(At this time, the Next.js `with-redux` example is still showing
outdated patterns - we're going to file a PR shortly to update that to
match our docs guide.)
##### What's Changed
- Remove legacy object syntax for reducers by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3051](https://togithub.com/reduxjs/redux-toolkit/pull/3051)
- Upgrade build tooling by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3088](https://togithub.com/reduxjs/redux-toolkit/pull/3088)
- Migrate the RTK package to be full ESM by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3095](https://togithub.com/reduxjs/redux-toolkit/pull/3095)
- Migrate RTK test suite from Jest to Vitest by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3102](https://togithub.com/reduxjs/redux-toolkit/pull/3102)
- Fix type errors after upgrading to Redux 5 alpha by
[@​Methuselah96](https://togithub.com/Methuselah96) in
[https://github.com/reduxjs/redux-toolkit/pull/3177](https://togithub.com/reduxjs/redux-toolkit/pull/3177)
- Bump Redux dep to 5.0.0-alpha.2 by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3170](https://togithub.com/reduxjs/redux-toolkit/pull/3170)
- Test published artifacts in CI by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3213](https://togithub.com/reduxjs/redux-toolkit/pull/3213)
- Merge RTK CI examples into `v2.0-integration` by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3253](https://togithub.com/reduxjs/redux-toolkit/pull/3253)
- Add `arethetypeswrong` automated CLI check by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3294](https://togithub.com/reduxjs/redux-toolkit/pull/3294)
- update tip regarding overrideExisting to match actual behaviour by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3305](https://togithub.com/reduxjs/redux-toolkit/pull/3305)
- Add `attw` CLI option to treat problems as non-errors by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3316](https://togithub.com/reduxjs/redux-toolkit/pull/3316)
- Rework build setup and hopefully fix ESM compat issues by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3318](https://togithub.com/reduxjs/redux-toolkit/pull/3318)
- Bump Immer to 10.0-beta by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3320](https://togithub.com/reduxjs/redux-toolkit/pull/3320)
- Switch build setup from a custom ESBuild+TS script to `tsup` by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3362](https://togithub.com/reduxjs/redux-toolkit/pull/3362)
- Use original instead of immer draft for perf by
[@​GeorchW](https://togithub.com/GeorchW) in
[https://github.com/reduxjs/redux-toolkit/pull/3270](https://togithub.com/reduxjs/redux-toolkit/pull/3270)
- enable enhanceEndpoints.transformResponse to override ResultType by
[@​dmitrigrabov](https://togithub.com/dmitrigrabov) in
[https://github.com/reduxjs/redux-toolkit/pull/2953](https://togithub.com/reduxjs/redux-toolkit/pull/2953)
- Fix global `responseHandler` being used in `fetchBaseQuery` by
[@​praxxis](https://togithub.com/praxxis) in
[https://github.com/reduxjs/redux-toolkit/pull/3137](https://togithub.com/reduxjs/redux-toolkit/pull/3137)
- reset internalState.currentSubscriptions on `resetApiState` by
[@​phryneas](https://togithub.com/phryneas) in
[https://github.com/reduxjs/redux-toolkit/pull/3333](https://togithub.com/reduxjs/redux-toolkit/pull/3333)
- Bump deps and mark `subscriptionUpdated` as autobatched by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3364](https://togithub.com/reduxjs/redux-toolkit/pull/3364)
- Redux 5alpha5 by [@​EskiMojo14](https://togithub.com/EskiMojo14)
in
[https://github.com/reduxjs/redux-toolkit/pull/3367](https://togithub.com/reduxjs/redux-toolkit/pull/3367)
- add isAction helper function, and ensure listener middleware only runs
for actions by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3372](https://togithub.com/reduxjs/redux-toolkit/pull/3372)
- Allow inference of enhancer state extensions, and fix inference when
using callback form by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3207](https://togithub.com/reduxjs/redux-toolkit/pull/3207)
- combineSlices implementation by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3297](https://togithub.com/reduxjs/redux-toolkit/pull/3297)
- Bump Immer to 10.0 final by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3376](https://togithub.com/reduxjs/redux-toolkit/pull/3376)
- Allow partial preloaded state for combined slice reducer and update
devDeps by [@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3381](https://togithub.com/reduxjs/redux-toolkit/pull/3381)
- ensure it's only possible to pass all or none of the hooks to
reactHooksModule by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3400](https://togithub.com/reduxjs/redux-toolkit/pull/3400)
- Remove remaining deprecated exports by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3398](https://togithub.com/reduxjs/redux-toolkit/pull/3398)
- create action creator middleware by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3414](https://togithub.com/reduxjs/redux-toolkit/pull/3414)
- Restore query status types by
[@​markerikson](https://togithub.com/markerikson) in
[https://github.com/reduxjs/redux-toolkit/pull/3420](https://togithub.com/reduxjs/redux-toolkit/pull/3420)
- Implement auto fork joining by
[@​ericanderson](https://togithub.com/ericanderson) in
[https://github.com/reduxjs/redux-toolkit/pull/3407](https://togithub.com/reduxjs/redux-toolkit/pull/3407)
- types: make it easier to wrap createAsyncThunk by
[@​shrouxm](https://togithub.com/shrouxm) in
[https://github.com/reduxjs/redux-toolkit/pull/3393](https://togithub.com/reduxjs/redux-toolkit/pull/3393)
- Fixed Stackoverflow bug if children prop is a ref to root/parent
object by [@​cheprasov](https://togithub.com/cheprasov) in
[https://github.com/reduxjs/redux-toolkit/pull/3428](https://togithub.com/reduxjs/redux-toolkit/pull/3428)
- Add getDefaultEnhancers callback, and add autoBatchEnhancer to
defaults. by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3347](https://togithub.com/reduxjs/redux-toolkit/pull/3347)
- Update to Redux alpha 6 by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3442](https://togithub.com/reduxjs/redux-toolkit/pull/3442)
- Remove toString override from action creators, in favour of explicit
.type field. by [@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3425](https://togithub.com/reduxjs/redux-toolkit/pull/3425)
- Add "creator callback" syntax to slice reducer field, to allow for
async thunk creation by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3388](https://togithub.com/reduxjs/redux-toolkit/pull/3388)
- API for adding middleware dynamically by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3292](https://togithub.com/reduxjs/redux-toolkit/pull/3292)
- Add Id type parameter in createEntityAdapter by
[@​Matt-Ord](https://togithub.com/Matt-Ord) in
[https://github.com/reduxjs/redux-toolkit/pull/3187](https://togithub.com/reduxjs/redux-toolkit/pull/3187)
- Require usage of Tuple in TS by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3460](https://togithub.com/reduxjs/redux-toolkit/pull/3460)
- Require that enhancers is a callback by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3461](https://togithub.com/reduxjs/redux-toolkit/pull/3461)
- fix invalid createEntityAdapter call by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3490](https://togithub.com/reduxjs/redux-toolkit/pull/3490)
- Use Record\<EntityId, T> instead of Dictionary<T> by
[@​EskiMojo14](https://togithub.com/EskiMojo14) in
[https://github.com/reduxjs/redux-toolkit/pull/3424](https://togithub.com/redux
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "after 5pm,every weekend" in timezone
America/Los_Angeles, Automerge - "after 5pm,every weekend" in timezone
America/Los_Angeles.
🚦 **Automerge**: Enabled.
♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/valora-inc/wallet).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4yMTIuMCIsInVwZGF0ZWRJblZlciI6IjM3LjIxMi4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiJ9-->
---------
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Jean Regisser <jean.regisser@gmail.com>
This was referenced Aug 2, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
See reduxjs/redux#4638 for more details - this PR depends on the changes from that one, so will need to wait for those changes to be released so we can bump the dep.