create action creator middleware #3414

EskiMojo14 · 2023-05-02T22:42:26Z

codesandbox · 2023-05-02T22:42:28Z

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

netlify · 2023-05-02T22:45:46Z

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

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

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

codesandbox-ci · 2023-05-02T22:46:27Z

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 fc53a5a:

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

markerikson · 2023-05-05T21:24:26Z

packages/toolkit/src/actionCreatorInvariantMiddleware.ts

+  isActionCreator?: (action: unknown) => action is Function & { type?: unknown }
+}
+
+export function getMessage(type?: unknown) {


❓ My only question here is whether this is going to get properly tree-shaken. We switched from Terser to ESBuild for minification, and I was seeing that the other dev check middleware needed to have message functions like this inside the middleware, and inside an else in order to shake properly.

Let me do a prod build of a test app and see what happens.

Okay, looks good:

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Type | Update | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---|---|---| | | | lockFileMaintenance | All locks refreshed | [![age](https://developer.mend.io/api/mc/badges/age///?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption///?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility////?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence////?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@aws-cdk/aws-apigatewayv2-alpha](https://togithub.com/aws/aws-cdk) | dependencies | minor | [`2.97.0-alpha.0` -> `2.99.1-alpha.0`](https://renovatebot.com/diffs/npm/@aws-cdk%2faws-apigatewayv2-alpha/2.97.0-alpha.0/2.99.1-alpha.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-cdk%2faws-apigatewayv2-alpha/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-cdk%2faws-apigatewayv2-alpha/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-cdk%2faws-apigatewayv2-alpha/2.97.0-alpha.0/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-cdk%2faws-apigatewayv2-alpha/2.97.0-alpha.0/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@aws-cdk/aws-apigatewayv2-authorizers-alpha](https://togithub.com/aws/aws-cdk) | dependencies | minor | [`2.97.0-alpha.0` -> `2.99.1-alpha.0`](https://renovatebot.com/diffs/npm/@aws-cdk%2faws-apigatewayv2-authorizers-alpha/2.97.0-alpha.0/2.99.1-alpha.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-cdk%2faws-apigatewayv2-authorizers-alpha/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-cdk%2faws-apigatewayv2-authorizers-alpha/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-cdk%2faws-apigatewayv2-authorizers-alpha/2.97.0-alpha.0/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-cdk%2faws-apigatewayv2-authorizers-alpha/2.97.0-alpha.0/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@aws-cdk/aws-apigatewayv2-integrations-alpha](https://togithub.com/aws/aws-cdk) | dependencies | minor | [`2.97.0-alpha.0` -> `2.99.1-alpha.0`](https://renovatebot.com/diffs/npm/@aws-cdk%2faws-apigatewayv2-integrations-alpha/2.97.0-alpha.0/2.99.1-alpha.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-cdk%2faws-apigatewayv2-integrations-alpha/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-cdk%2faws-apigatewayv2-integrations-alpha/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-cdk%2faws-apigatewayv2-integrations-alpha/2.97.0-alpha.0/2.99.1-alpha.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-cdk%2faws-apigatewayv2-integrations-alpha/2.97.0-alpha.0/2.99.1-alpha.0?slim=true)](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.13.1` -> `1.14.0`](https://renovatebot.com/diffs/npm/@aws-lambda-powertools%2flogger/1.13.1/1.14.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-lambda-powertools%2flogger/1.14.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-lambda-powertools%2flogger/1.14.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-lambda-powertools%2flogger/1.13.1/1.14.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-lambda-powertools%2flogger/1.13.1/1.14.0?slim=true)](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.13.1` -> `1.14.0`](https://renovatebot.com/diffs/npm/@aws-lambda-powertools%2ftracer/1.13.1/1.14.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-lambda-powertools%2ftracer/1.14.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-lambda-powertools%2ftracer/1.14.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-lambda-powertools%2ftracer/1.13.1/1.14.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-lambda-powertools%2ftracer/1.13.1/1.14.0?slim=true)](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)) | dependencies | minor | [`3.418.0` -> `3.421.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-dynamodb/3.418.0/3.421.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-sdk%2fclient-dynamodb/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-sdk%2fclient-dynamodb/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-sdk%2fclient-dynamodb/3.418.0/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-sdk%2fclient-dynamodb/3.418.0/3.421.0?slim=true)](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)) | dependencies | minor | [`3.418.0` -> `3.421.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-s3/3.418.0/3.421.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-sdk%2fclient-s3/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-sdk%2fclient-s3/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-sdk%2fclient-s3/3.418.0/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-sdk%2fclient-s3/3.418.0/3.421.0?slim=true)](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)) | dependencies | minor | [`3.418.0` -> `3.421.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-sesv2/3.418.0/3.421.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-sdk%2fclient-sesv2/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-sdk%2fclient-sesv2/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-sdk%2fclient-sesv2/3.418.0/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-sdk%2fclient-sesv2/3.418.0/3.421.0?slim=true)](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)) | dependencies | minor | [`3.418.0` -> `3.421.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fclient-sfn/3.418.0/3.421.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-sdk%2fclient-sfn/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-sdk%2fclient-sfn/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-sdk%2fclient-sfn/3.418.0/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-sdk%2fclient-sfn/3.418.0/3.421.0?slim=true)](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)) | dependencies | minor | [`3.418.0` -> `3.421.0`](https://renovatebot.com/diffs/npm/@aws-sdk%2fs3-request-presigner/3.418.0/3.421.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@aws-sdk%2fs3-request-presigner/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@aws-sdk%2fs3-request-presigner/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@aws-sdk%2fs3-request-presigner/3.418.0/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@aws-sdk%2fs3-request-presigner/3.418.0/3.421.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@mui/icons-material](https://mui.com/material-ui/material-icons/) ([source](https://togithub.com/mui/material-ui)) | dependencies | patch | [`5.14.9` -> `5.14.11`](https://renovatebot.com/diffs/npm/@mui%2ficons-material/5.14.9/5.14.11) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@mui%2ficons-material/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@mui%2ficons-material/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@mui%2ficons-material/5.14.9/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@mui%2ficons-material/5.14.9/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@mui/material](https://mui.com/material-ui/) ([source](https://togithub.com/mui/material-ui)) | dependencies | patch | [`5.14.10` -> `5.14.11`](https://renovatebot.com/diffs/npm/@mui%2fmaterial/5.14.10/5.14.11) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@mui%2fmaterial/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@mui%2fmaterial/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@mui%2fmaterial/5.14.10/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@mui%2fmaterial/5.14.10/5.14.11?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@mui/x-date-pickers](https://mui.com/x/react-date-pickers/) ([source](https://togithub.com/mui/mui-x)) | dependencies | minor | [`6.15.0` -> `6.16.0`](https://renovatebot.com/diffs/npm/@mui%2fx-date-pickers/6.15.0/6.16.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@mui%2fx-date-pickers/6.16.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@mui%2fx-date-pickers/6.16.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@mui%2fx-date-pickers/6.15.0/6.16.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@mui%2fx-date-pickers/6.15.0/6.16.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@reduxjs/toolkit](https://redux-toolkit.js.org) ([source](https://togithub.com/reduxjs/redux-toolkit)) | dependencies | patch | [`1.9.5` -> `1.9.6`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/1.9.5/1.9.6) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@reduxjs%2ftoolkit/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@reduxjs%2ftoolkit/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@reduxjs%2ftoolkit/1.9.5/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@reduxjs%2ftoolkit/1.9.5/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@types/node](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node) ([source](https://togithub.com/DefinitelyTyped/DefinitelyTyped)) | devDependencies | minor | [`18.17.19` -> `18.18.1`](https://renovatebot.com/diffs/npm/@types%2fnode/18.17.19/18.18.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@types%2fnode/18.18.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@types%2fnode/18.18.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@types%2fnode/18.17.19/18.18.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@types%2fnode/18.17.19/18.18.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@types/react](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react) ([source](https://togithub.com/DefinitelyTyped/DefinitelyTyped)) | devDependencies | patch | [`18.2.22` -> `18.2.23`](https://renovatebot.com/diffs/npm/@types%2freact/18.2.22/18.2.23) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@types%2freact/18.2.23?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@types%2freact/18.2.23?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@types%2freact/18.2.22/18.2.23?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@types%2freact/18.2.22/18.2.23?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@types/react-dom](https://togithub.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom) ([source](https://togithub.com/DefinitelyTyped/DefinitelyTyped)) | devDependencies | patch | [`18.2.7` -> `18.2.8`](https://renovatebot.com/diffs/npm/@types%2freact-dom/18.2.7/18.2.8) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@types%2freact-dom/18.2.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@types%2freact-dom/18.2.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@types%2freact-dom/18.2.7/18.2.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@types%2freact-dom/18.2.7/18.2.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@typescript-eslint/eslint-plugin](https://togithub.com/typescript-eslint/typescript-eslint) | devDependencies | patch | [`6.7.2` -> `6.7.3`](https://renovatebot.com/diffs/npm/@typescript-eslint%2feslint-plugin/6.7.2/6.7.3) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@typescript-eslint%2feslint-plugin/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@typescript-eslint%2feslint-plugin/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@typescript-eslint%2feslint-plugin/6.7.2/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@typescript-eslint%2feslint-plugin/6.7.2/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@typescript-eslint/parser](https://togithub.com/typescript-eslint/typescript-eslint) | devDependencies | patch | [`6.7.2` -> `6.7.3`](https://renovatebot.com/diffs/npm/@typescript-eslint%2fparser/6.7.2/6.7.3) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@typescript-eslint%2fparser/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@typescript-eslint%2fparser/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@typescript-eslint%2fparser/6.7.2/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@typescript-eslint%2fparser/6.7.2/6.7.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@vitejs/plugin-react](https://togithub.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme) ([source](https://togithub.com/vitejs/vite-plugin-react)) | devDependencies | minor | [`4.0.4` -> `4.1.0`](https://renovatebot.com/diffs/npm/@vitejs%2fplugin-react/4.0.4/4.1.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@vitejs%2fplugin-react/4.1.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@vitejs%2fplugin-react/4.1.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@vitejs%2fplugin-react/4.0.4/4.1.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@vitejs%2fplugin-react/4.0.4/4.1.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [aws-cdk](https://togithub.com/aws/aws-cdk) | devDependencies | minor | [`2.97.0` -> `2.99.1`](https://renovatebot.com/diffs/npm/aws-cdk/2.97.0/2.99.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/aws-cdk/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/aws-cdk/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/aws-cdk/2.97.0/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/aws-cdk/2.97.0/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [aws-cdk-lib](https://togithub.com/aws/aws-cdk) | dependencies | minor | [`2.97.0` -> `2.99.1`](https://renovatebot.com/diffs/npm/aws-cdk-lib/2.97.0/2.99.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/aws-cdk-lib/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/aws-cdk-lib/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/aws-cdk-lib/2.97.0/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/aws-cdk-lib/2.97.0/2.99.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [aws-sdk](https://togithub.com/aws/aws-sdk-js) | dependencies | minor | [`2.1463.0` -> `2.1467.0`](https://renovatebot.com/diffs/npm/aws-sdk/2.1463.0/2.1467.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/aws-sdk/2.1467.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/aws-sdk/2.1467.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/aws-sdk/2.1463.0/2.1467.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/aws-sdk/2.1463.0/2.1467.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [esbuild](https://togithub.com/evanw/esbuild) | dependencies | patch | [`0.19.3` -> `0.19.4`](https://renovatebot.com/diffs/npm/esbuild/0.19.3/0.19.4) | [![age](https://developer.mend.io/api/mc/badges/age/npm/esbuild/0.19.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/esbuild/0.19.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/esbuild/0.19.3/0.19.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/esbuild/0.19.3/0.19.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [axios](https://axios-http.com) ([source](https://togithub.com/axios/axios)) | dependencies | patch | [`1.5.0` -> `1.5.1`](https://renovatebot.com/diffs/npm/axios/1.5.0/1.5.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/axios/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/axios/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/axios/1.5.0/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/axios/1.5.0/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [glob](https://togithub.com/isaacs/node-glob) | devDependencies | patch | [`10.3.6` -> `10.3.10`](https://renovatebot.com/diffs/npm/glob/10.3.6/10.3.10) | [![age](https://developer.mend.io/api/mc/badges/age/npm/glob/10.3.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/glob/10.3.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/glob/10.3.6/10.3.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/glob/10.3.6/10.3.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [web-vitals](https://togithub.com/GoogleChrome/web-vitals) | dependencies | minor | [`3.4.0` -> `3.5.0`](https://renovatebot.com/diffs/npm/web-vitals/3.4.0/3.5.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/web-vitals/3.5.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/web-vitals/3.5.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/web-vitals/3.4.0/3.5.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/web-vitals/3.4.0/3.5.0?slim=true)](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.14.0`](https://togithub.com/aws-powertools/powertools-lambda-typescript/blob/HEAD/CHANGELOG.md#1140-2023-09-29) [Compare Source](https://togithub.com/aws-powertools/powertools-lambda-typescript/compare/v1.13.1...v1.14.0) ##### Features - **idempotency:** add idempotency decorator ([#1723](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1723)) ([d138673](https://togithub.com/aws-powertools/powertools-lambda-typescript/commit/d138673a33ff31f40b225dc046b2ff8258d0a97d)) - **layers:** add `arm64` to integration test matrix ([#1720](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1720)) ([61ad5ac](https://togithub.com/aws-powertools/powertools-lambda-typescript/commit/61ad5ac3bcf7742684aeec28553ec294696f3301)) - **tracer:** add try/catch logic to decorator and middleware close ([#1716](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1716)) ([be16b59](https://togithub.com/aws-powertools/powertools-lambda-typescript/commit/be16b599b8023f95572234fb222ea70aea5b3f17)) #### [1.13.1](https://togithub.com/aws-powertools/powertools-lambda-typescript/compare/v1.13.0...v1.13.1) (2023-09-21) ##### Bug Fixes - **maintenance:** remove upper peer dependency Middy ([#1705](https://togithub.com/aws-powertools/powertools-lambda-typescript/issues/1705)) ([df21ec8](https://togithub.com/aws-powertools/powertools-lambda-typescript/commit/df21ec8761b1be511c13c28fedd41bf0e2851061)) </details> <details> <summary>aws/aws-sdk-js-v3 (@aws-sdk/client-dynamodb)</summary> ### [`v3.421.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-dynamodb/CHANGELOG.md#34210-2023-09-27) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.420.0...v3.421.0) **Note:** Version bump only for package [@aws-sdk/client-dynamodb](https://togithub.com/aws-sdk/client-dynamodb) ### [`v3.420.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-dynamodb/CHANGELOG.md#34200-2023-09-26) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.418.0...v3.420.0) ##### Features - **client-dynamodb:** Amazon DynamoDB now supports Incremental Export as an enhancement to the existing Export Table ([4ff14d6](https://togithub.com/aws/aws-sdk-js-v3/commit/4ff14d6b1c3acbe29e31b5e053270017fbb88bce)) </details> <details> <summary>aws/aws-sdk-js-v3 (@aws-sdk/client-s3)</summary> ### [`v3.421.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-s3/CHANGELOG.md#34210-2023-09-27) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.420.0...v3.421.0) **Note:** Version bump only for package [@aws-sdk/client-s3](https://togithub.com/aws-sdk/client-s3) ### [`v3.420.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-s3/CHANGELOG.md#34200-2023-09-26) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.418.0...v3.420.0) ##### Features - **client-s3:** This release adds a new field COMPLETED to the ReplicationStatus Enum. You can now use this field to validate the replication status of S3 objects using the AWS SDK. ([33e5436](https://togithub.com/aws/aws-sdk-js-v3/commit/33e5436ac8f94d237f738d00df8d2c667bf7f875)) </details> <details> <summary>aws/aws-sdk-js-v3 (@aws-sdk/client-sesv2)</summary> ### [`v3.421.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-sesv2/CHANGELOG.md#34210-2023-09-27) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.418.0...v3.421.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.421.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/clients/client-sfn/CHANGELOG.md#34210-2023-09-27) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.418.0...v3.421.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.421.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/packages/s3-request-presigner/CHANGELOG.md#34210-2023-09-27) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.420.0...v3.421.0) **Note:** Version bump only for package [@aws-sdk/s3-request-presigner](https://togithub.com/aws-sdk/s3-request-presigner) ### [`v3.420.0`](https://togithub.com/aws/aws-sdk-js-v3/blob/HEAD/packages/s3-request-presigner/CHANGELOG.md#34200-2023-09-26) [Compare Source](https://togithub.com/aws/aws-sdk-js-v3/compare/v3.418.0...v3.420.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.14.11`](https://togithub.com/mui/material-ui/blob/HEAD/CHANGELOG.md#51411) [Compare Source](https://togithub.com/mui/material-ui/compare/v5.14.9...v5.14.11) *Sep 26, 2023* A big thanks to the 23 contributors who made this release possible. This release was mostly about 🐛 bug fixes and 📚 documentation improvements. ##### `@mui/material@5.14.11` - \[Autocomplete] Re-export `AutocompleteValue` to make it available from path import ([#38638](https://togithub.com/mui/material-ui/issues/38638)) [@vadimka123](https://togithub.com/vadimka123) - \[Select]\[material-ui] Missing aria-multiselectable attribute on multiple Select component ([#38855](https://togithub.com/mui/material-ui/issues/38855)) [@gitstart](https://togithub.com/gitstart) - \[l10n] labelDisplayedRows is added for trTR localization ([#39056](https://togithub.com/mui/material-ui/issues/39056)) [@tebersefa](https://togithub.com/tebersefa) ##### `@mui/utils@5.14.11` - Support RSC in `isMuiElement` util ([#38129](https://togithub.com/mui/material-ui/issues/38129)) [@sai6855](https://togithub.com/sai6855) ##### `@mui/base@5.0.0-beta.17` - \[NumberInput] Support adornments ([#38900](https://togithub.com/mui/material-ui/issues/38900)) [@anle9650](https://togithub.com/anle9650) - \[Menu] Align external props handling for useMenu/MenuButton/MenuItem ([#38946](https://togithub.com/mui/material-ui/issues/38946)) [@mj12albert](https://togithub.com/mj12albert) - \[Select] Align external props handling ([#39038](https://togithub.com/mui/material-ui/issues/39038)) [@mj12albert](https://togithub.com/mj12albert) - \[TextareaAutosize] Simplify logic and add test ([#38728](https://togithub.com/mui/material-ui/issues/38728)) [@oliviertassinari](https://togithub.com/oliviertassinari) ##### `@mui/joy@5.0.0-beta.8` - \[Button] Fix disabled button styling when component prop is provided ([#38996](https://togithub.com/mui/material-ui/issues/38996)) [@sai6855](https://togithub.com/sai6855) - \[Drawer] Add missing `JoyDrawer` in theme components ([#39074](https://togithub.com/mui/material-ui/issues/39074)) [@Studio384](https://togithub.com/Studio384) ##### `@mui/material-next@6.0.0-alpha.103` - \[FormControl] Copy v5 FormControl ([#39039](https://togithub.com/mui/material-ui/issues/39039)) [@mj12albert](https://togithub.com/mj12albert) ##### `@mui/lab@5.0.0-alpha.146` - \[TreeView] Fix JSDoc comments in TreeView and TreeItem ([#38874](https://togithub.com/mui/material-ui/issues/38874)) [@jergason](https://togithub.com/jergason) ##### Docs - Improve focus trap demo ([#38985](https://togithub.com/mui/material-ui/issues/38985)) [@oliviertassinari](https://togithub.com/oliviertassinari) - Add Tailwind CSS + plain CSS demo on the Tabs page ([#39000](https://togithub.com/mui/material-ui/issues/39000)) [@alisasanib](https://togithub.com/alisasanib) - Improve the default theme viewer design ([#39049](https://togithub.com/mui/material-ui/issues/39049)) [@danilo-leal](https://togithub.com/danilo-leal) - Add live demo with CssVarsProvider ([#38792](https://togithub.com/mui/material-ui/issues/38792)) [@oliviertassinari](https://togithub.com/oliviertassinari) - Fix wrong hash on Card's page ([#39151](https://togithub.com/mui/material-ui/issues/39151)) [@mnajdova](https://togithub.com/mnajdova) - Revise the Drawer page ([#38988](https://togithub.com/mui/material-ui/issues/38988)) [@danilo-leal](https://togithub.com/danilo-leal) - Simplify the button's loading indicator demo ([#39082](https://togithub.com/mui/material-ui/issues/39082)) [@danilo-leal](https://togithub.com/danilo-leal) - Fix the Templates link on the Overview page ([#39086](https://togithub.com/mui/material-ui/issues/39086)) [@danilo-leal](https://togithub.com/danilo-leal) - Refine the Sign in template ([#38942](https://togithub.com/mui/material-ui/issues/38942)) [@zanivan](https://togithub.com/zanivan) - Add `use-count-up` integration with the Circular Progress ([#38952](https://togithub.com/mui/material-ui/issues/38952)) [@anon-phantom](https://togithub.com/anon-phantom) ##### Core - \[blog] Add a company values blog post ([#38802](https://togithub.com/mui/material-ui/issues/38802)) [@mikailaread](https://togithub.com/mikailaread) - \[core] Downgrade lerna to 7.2.0 ([#39149](https://togithub.com/mui/material-ui/issues/39149)) [@michaldudak](https://togithub.com/michaldudak) - \[core] Simplify docs feedback interaction ([#39075](https://togithub.com/mui/material-ui/issues/39075)) [@alexfauquette](https://togithub.com/alexfauquette) - \[core] Improve ref type definition ([#38903](https://togithub.com/mui/material-ui/issues/38903)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[core] Simplify career ([#39112](https://togithub.com/mui/material-ui/issues/39112)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[core] Update Babel types along with source packages ([#39070](https://togithub.com/mui/material-ui/issues/39070)) [@michaldudak](https://togithub.com/michaldudak) - \[core] Add a comment to explain `useEnhancedEffect` ([#39035](https://togithub.com/mui/material-ui/issues/39035)) [@Janpot](https://togithub.com/Janpot) - \[docs-infra] Fix code removal in table of content ([#39165](https://togithub.com/mui/material-ui/issues/39165)) [@alexfauquette](https://togithub.com/alexfauquette) - \[docs-infra] Improve callouts design ([#39084](https://togithub.com/mui/material-ui/issues/39084)) [@danilo-leal](https://togithub.com/danilo-leal) - \[docs-infra] Fix key warning in Base UI Slider slots section ([#38954](https://togithub.com/mui/material-ui/issues/38954)) [@ZeeshanTamboli](https://togithub.com/ZeeshanTamboli) - \[docs-infra] Fix error when redirecting to the root page ([#38451](https://togithub.com/mui/material-ui/issues/38451)) [@maheshguntur](https://togithub.com/maheshguntur) - \[docs-infra] Open demo crash in the right repository ([#39006](https://togithub.com/mui/material-ui/issues/39006)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[test] Split the test package ([#39061](https://togithub.com/mui/material-ui/issues/39061)) [@michaldudak](https://togithub.com/michaldudak) - \[website] React Engineer - xCharts role ([#38976](https://togithub.com/mui/material-ui/issues/38976)) [@DanailH](https://togithub.com/DanailH) - \[website] Improve the highlighter component colors ([#39087](https://togithub.com/mui/material-ui/issues/39087)) [@danilo-leal](https://togithub.com/danilo-leal) - \[website] Fix Pricing page row hover ([#39097](https://togithub.com/mui/material-ui/issues/39097)) [@danilo-leal](https://togithub.com/danilo-leal) - \[website] Fix typo with straight quote [@oliviertassinari](https://togithub.com/oliviertassinari) - \[website] Sync about page [@oliviertassinari](https://togithub.com/oliviertassinari) - \[website] Update the about page ([#38733](https://togithub.com/mui/material-ui/issues/38733)) [@danilo-leal](https://togithub.com/danilo-leal) - \[website] Small fixes on the X marketing page ([#38975](https://togithub.com/mui/material-ui/issues/38975)) [@flaviendelangle](https://togithub.com/flaviendelangle) - \[website] Add stray design tweaks to the X page ([#38589](https://togithub.com/mui/material-ui/issues/38589)) [@danilo-leal](https://togithub.com/danilo-leal) All contributors of this release in alphabetical order: [@alexfauquette](https://togithub.com/alexfauquette), [@alisasanib](https://togithub.com/alisasanib), [@anle9650](https://togithub.com/anle9650), [@anon-phantom](https://togithub.com/anon-phantom), [@DanailH](https://togithub.com/DanailH), [@danilo-leal](https://togithub.com/danilo-leal), [@DiegoAndai](https://togithub.com/DiegoAndai), [@flaviendelangle](https://togithub.com/flaviendelangle), [@gitstart](https://togithub.com/gitstart), [@Janpot](https://togithub.com/Janpot), [@jergason](https://togithub.com/jergason), [@maheshguntur](https://togithub.com/maheshguntur), [@michaldudak](https://togithub.com/michaldudak), [@mikailaread](https://togithub.com/mikailaread), [@mj12albert](https://togithub.com/mj12albert), [@mnajdova](https://togithub.com/mnajdova), [@oliviertassinari](https://togithub.com/oliviertassinari), [@sai6855](https://togithub.com/sai6855), [@Studio384](https://togithub.com/Studio384), [@tebersefa](https://togithub.com/tebersefa), [@vadimka123](https://togithub.com/vadimka123), [@zanivan](https://togithub.com/zanivan), [@ZeeshanTamboli](https://togithub.com/ZeeshanTamboli) </details> <details> <summary>mui/mui-x (@mui/x-date-pickers)</summary> ### [`v6.16.0`](https://togithub.com/mui/mui-x/blob/HEAD/CHANGELOG.md#6160) [Compare Source](https://togithub.com/mui/mui-x/compare/v6.15.0...v6.16.0) *Sep 29, 2023* We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨: - 🎁 Add a clearable behavior to all the single input pickers and fields ([#9095](https://togithub.com/mui/mui-x/issues/9095)) [@noraleonte](https://togithub.com/noraleonte) The pickers and fields now have an out-of-the box implementation for clearing the field value. You can see the documentation for this behavior on the [Date Picker documentation](https://mui.com/x/react-date-pickers/date-picker/#clearing-the-value). <img width="380" alt="Clearable behavior" src="https://github.com/mui/mui-x/assets/72460825/e4a66169-83b5-4579-b9f6-6e15bb528411"> - 💫 Add Date Picker customization playground ([#9581](https://togithub.com/mui/mui-x/issues/9581)) [@noraleonte](https://togithub.com/noraleonte) You can play around with style customization options on the [Date Picker documentation](https://mui.com/x/react-date-pickers/date-picker/#customization). We are thrilled to hear your feedback about this functionality! - 🚀 Fix header filters menu auto closing on render ([#10483](https://togithub.com/mui/mui-x/issues/10483)) [@MBilalShafi](https://togithub.com/MBilalShafi) - 🎯 Fix column headers scroll when theme scoping is used ([#10437](https://togithub.com/mui/mui-x/issues/10437)) [@cherniavskii](https://togithub.com/cherniavskii) - 🌍 Improve Russian (ru-RU) locale on the data grid - 🐞 Bugfixes - 📚 Documentation improvements ##### Data Grid ##### `@mui/x-data-grid@6.16.0` - \[DataGrid] Fix column headers scroll when theme scoping is used ([#10437](https://togithub.com/mui/mui-x/issues/10437)) [@cherniavskii](https://togithub.com/cherniavskii) - \[DataGrid] Rename `global` to `globalScope` due to Jest issue ([#10470](https://togithub.com/mui/mui-x/issues/10470)) [@romgrk](https://togithub.com/romgrk) - \[l10n] Improve Russian (ru-RU) locale ([#10464](https://togithub.com/mui/mui-x/issues/10464) and [#10407](https://togithub.com/mui/mui-x/issues/10407)) [@NKodos](https://togithub.com/NKodos) ##### `@mui/x-data-grid-pro@6.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-data-grid@6.16.0`, plus: - \[DataGridPro] Fix header filters menu auto closing on render ([#10483](https://togithub.com/mui/mui-x/issues/10483)) [@MBilalShafi](https://togithub.com/MBilalShafi) ##### `@mui/x-data-grid-premium@6.16.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-data-grid-pro@6.16.0`. ##### Date Pickers ##### `@mui/x-date-pickers@6.16.0` - \[pickers] Add warning to `shouldDisableDate` validation ([#10502](https://togithub.com/mui/mui-x/issues/10502)) [@michelengelen](https://togithub.com/michelengelen) - \[pickers] Implement `clearable` field behavior ([#9095](https://togithub.com/mui/mui-x/issues/9095)) [@noraleonte](https://togithub.com/noraleonte) - \[pickers] Refactor `dayOfWeekFormatter` ([#10345](https://togithub.com/mui/mui-x/issues/10345)) [@michelengelen](https://togithub.com/michelengelen) ##### `@mui/x-date-pickers-pro@6.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-date-pickers@6.16.0`. ##### Charts / `@mui/x-charts@6.0.0-alpha.13` - \[charts] Share upfront future Pro features ([#10465](https://togithub.com/mui/mui-x/issues/10465)) [@oliviertassinari](https://togithub.com/oliviertassinari) ##### Tree View / `@mui/x-tree-view@6.0.0-beta.0` - \[TreeView] Do not try to focus a collapsed node when re-focusing the TreeView ([#10422](https://togithub.com/mui/mui-x/issues/10422)) [@flaviendelangle](https://togithub.com/flaviendelangle) - \[TreeView] Fix the typing of the `Multiple` generic ([#10478](https://togithub.com/mui/mui-x/issues/10478)) [@flaviendelangle](https://togithub.com/flaviendelangle) ##### Docs - \[docs] Correct the typo in data grid api docs ([#10477](https://togithub.com/mui/mui-x/issues/10477)) [@MBilalShafi](https://togithub.com/MBilalShafi) - \[docs] Add customization playground ([#9581](https://togithub.com/mui/mui-x/issues/9581)) [@noraleonte](https://togithub.com/noraleonte) - \[docs] Fix Tree View product ID ([#10428](https://togithub.com/mui/mui-x/issues/10428)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Fix demo crashing when all rows are deleted ([#10438](https://togithub.com/mui/mui-x/issues/10438)) [@cherniavskii](https://togithub.com/cherniavskii) - \[docs] Fix mobile scrollbar column resize ([#10455](https://togithub.com/mui/mui-x/issues/10455)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Fix usage of `GridRenderCellParams` interface ([#10435](https://togithub.com/mui/mui-x/issues/10435)) [@cherniavskii](https://togithub.com/cherniavskii) ##### Core - \[core] Fix typo in header data grid quick filter [@oliviertassinari](https://togithub.com/oliviertassinari) - \[core] Group D3 renovate PRs ([#10480](https://togithub.com/mui/mui-x/issues/10480)) [@flaviendelangle](https://togithub.com/flaviendelangle) - \[core] Link the priority support page ([#10495](https://togithub.com/mui/mui-x/issues/10495)) [@michelengelen](https://togithub.com/michelengelen) - \[core] Move the pickers describes to the test utils folder ([#10490](https://togithub.com/mui/mui-x/issues/10490)) [@flaviendelangle](https://togithub.com/flaviendelangle) - \[core] Priority Support casing normalization [@oliviertassinari](https://togithub.com/oliviertassinari) - \[core] Remove automated DataGrid performance tests ([#10414](https://togithub.com/mui/mui-x/issues/10414)) [@romgrk](https://togithub.com/romgrk) - \[core] Sync `prism-okaidia.css` with docs-infra [@oliviertassinari](https://togithub.com/oliviertassinari) - \[core] Update issue actions & templates ([#10375](https://togithub.com/mui/mui-x/issues/10375)) [@romgrk](https://togithub.com/romgrk) - \[core] Update release guide ([#10468](https://togithub.com/mui/mui-x/issues/10468)) [@DanailH](https://togithub.com/DanailH) </details> <details> <summary>reduxjs/redux-toolkit (@reduxjs/toolkit)</summary> ### [`v1.9.6`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.6) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.5...v1.9.6) This bugfix release adds a new dev-mode middleware to catch accidentally dispatching an action creator, adds a new listener middleware option around waiting for forks, adds a new option to update provided tags when `updateQueryData` is used, reworks internal types to better handle uses with TS declaration output, and fixes a variety of small issues. ##### Changelog ##### Action Creator Dev Check Middleware RTK already includes dev-mode middleware that check for the common mistakes of accidentally mutating state and putting non-serializable values into state or actions. Over the years we've also seen a semi-frequent error where users accidentally pass an action creator reference to `dispatch`, instead of *calling* it and dispatching the action it returns. We've added another dev-mode middleware that specifically catches this error and warns about it. ##### Additional Options The listener middleware's `listenerApi.fork()` method now has an optional `autoJoin` flag that can be used to keep the effect from finishing until all active forked tasks have completed. `updateQueryData` now has an `updateProvidedTags` option that will force a recalculation of that endpoint's provided tags. It currently defaults to `false`, and we'll likely turn that to `true` in the next major. ##### Other Fixes The `builder.addCase` method now throws an error if a `type` string is empty. `fetchBaseQuery` now uses an alternate method to clone the original `Request` in order to work around an obscure Chrome bug. The immutability middleware logic was tweaked to avoid a potential stack overflow. ##### Types Changes The internal type imports have been reworked to try to fix "type portability" issues when used in combination with TS declaration outputs. A couple additional types were exported to help with wrapping `createAsyncThunk`. ##### What's Changed - 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) - 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) - Fix TransformedResponse type to unwrap promise by [@EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3500](https://togithub.com/reduxjs/redux-toolkit/pull/3500) - Throw error when type is empty in builder.addCase by [@chawes13](https://togithub.com/chawes13) in [https://github.com/reduxjs/redux-toolkit/pull/3572](https://togithub.com/reduxjs/redux-toolkit/pull/3572) - \[RED-23] fix: Updated type references to resolve portable types issue by [@tdurnford](https://togithub.com/tdurnford) in [https://github.com/reduxjs/redux-toolkit/pull/3728](https://togithub.com/reduxjs/redux-toolkit/pull/3728) - add option to update provided tags by [@dutzi](https://togithub.com/dutzi) in [https://github.com/reduxjs/redux-toolkit/pull/3255](https://togithub.com/reduxjs/redux-toolkit/pull/3255) - \[RED-26] Remove Request.clone() usage in fetchBaseQuery by [@alex-vukov](https://togithub.com/alex-vukov) in [https://github.com/reduxjs/redux-toolkit/pull/3720](https://togithub.com/reduxjs/redux-toolkit/pull/3720) - Try working around TS 4.1 mismatch by [@markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3739](https://togithub.com/reduxjs/redux-toolkit/pull/3739) **Full Changelog**: https://github.com/reduxjs/redux-toolkit/compare/v1.9.5...v1.9.6 </details> <details> <summary>typescript-eslint/typescript-eslint (@typescript-eslint/eslint-plugin)</summary> ### [`v6.7.3`](https://togithub.com/typescript-eslint/typescript-eslint/blob/HEAD/packages/eslint-plugin/CHANGELOG.md#673-2023-09-25) [Compare Source](https://togithub.com/typescript-eslint/typescript-eslint/compare/v6.7.2...v6.7.3) **Note:** Version bump only for package [@typescript-eslint/eslint-plugin](https://togithub.com/typescript-eslint/eslint-plugin) You can read about our [versioning strategy](https://main--typescript-eslint.netlify.app/users/versioning) and [releases](https://main--typescript-eslint.netlify.app/users/releases) on our website. </details> <details> <summary>typescript-eslint/typescript-eslint (@typescript-eslint/parser)</summary> ### [`v6.7.3`](https://togithub.com/typescript-eslint/typescript-eslint/blob/HEAD/packages/parser/CHANGELOG.md#673-2023-09-25) [Compare Source](https://togithub.com/typescript-eslint/typescript-eslint/compare/v6.7.2...v6.7.3) **Note:** Version bump only for package [@typescript-eslint/parser](https://togithub.com/typescript-eslint/parser) You can read about our [versioning strategy](https://main--typescript-eslint.netlify.app/users/versioning) and [releases](https://main--typescript-eslint.netlify.app/users/releases) on our website. </details> <details> <summary>vitejs/vite-plugin-react (@vitejs/plugin-react)</summary> ### [`v4.1.0`](https://togithub.com/vitejs/vite-plugin-react/blob/HEAD/packages/plugin-react/CHANGELOG.md#410-2023-09-24) [Compare Source](https://togithub.com/vitejs/vite-plugin-react/compare/v4.0.4...v4.1.0) - Add `@types/babel__cores` to dependencies (fix [#211](https://togithub.com/vitejs/vite-plugin-react/issues/211)) - Improve build perf when not using Babel plugins by lazy loading `@babel/core` [#212](https://togithub.com/vitejs/vite-plugin-react/pull/212) - Better invalidation message when an export is added & fix HMR for export of nullish values [#215](https://togithub.com/vitejs/vite-plugin-react/pull/215) - Include non-dev jsx runtime in optimizeDeps & support HMR for JS files using the non dev runtime [#224](https://togithub.com/vitejs/vite-plugin-react/pull/224) - The build output now contains a `index.d.cts` file so you don't get types errors when setting `moduleResolution` to `node16` or `nodenext` in your tsconfig (we recommend using `bundler` which is more close to how Vite works) </details> <details> <summary>aws/aws-cdk (aws-cdk)</summary> ### [`v2.99.1`](https://togithub.com/aws/aws-cdk/releases/tag/v2.99.1) [Compare Source](https://togithub.com/aws/aws-cdk/compare/v2.99.0...v2.99.1) ##### Bug Fixes - load time regression ([#27314](https://togithub.com/aws/aws-cdk/issues/27314)) ([fca5a73](https://togithub.com/aws/aws-cdk/commit/fca5a7344d2e205663873b577d5d91f203dd9d14)) *** #### Alpha modules (2.99.1-alpha.0) ### [`v2.99.0`](https://togithub.com/aws/aws-cdk/releases/tag/v2.99.0) [Compare Source](https://togithub.com/aws/aws-cdk/compare/v2.98.0...v2.99.0) ##### Features - **s3:** specify minimum TLS version ([#27297](https://togithub.com/aws/aws-cdk/issues/27297)) ([f47d09c](https://togithub.com/aws/aws-cdk/commit/f47d09c08871517f06c1895a5ed262c8e87ee05b)), closes [#27279](https://togithub.com/aws/aws-cdk/issues/27279) - **synthetics:** graduate to stable 🚀 ([#27305](https://togithub.com/aws/aws-cdk/issues/27305)) ([dd00d05](https://togithub.com/aws/aws-cdk/commit/dd00d05c07cb3c6efd505e9f7ab577a5eec5070b)) ##### Bug Fixes - **batch:** make `instanceType` optional on multinode jobs ([#27223](https://togithub.com/aws/aws-cdk/issues/27223)) ([6616026](https://togithub.com/aws/aws-cdk/commit/6616026d3879f0271b7813ed00f0899c666da1e3)), closes [#27185](https://togithub.com/aws/aws-cdk/issues/27185) *** #### Alpha modules (2.99.0-alpha.0) ##### Features - **apprunner:** add HealthCheckConfiguration property in Service ([#27029](https://togithub.com/aws/aws-cdk/issues/27029)) ([4e8c9c4](https://togithub.com/aws/aws-cdk/commit/4e8c9c4dfdae690d9f6650bbc57bacdb83dec68c)), closes [#26972](https://togithub.com/aws/aws-cdk/issues/26972) ##### Bug Fixes - **appconfig:** allow multiple environment monitor roles to be created ([#27243](https://togithub.com/aws/aws-cdk/issues/27243)) ([9312c97](https://togithub.com/aws/aws-cdk/commit/9312c9763813af4ac6d2be96e78f6aeaefeeb32c)) ### [`v2.98.0`](https://togithub.com/aws/aws-cdk/releases/tag/v2.98.0) [Compare Source](https://togithub.com/aws/aws-cdk/compare/v2.97.1...v2.98.0) ##### Features - update AWS Service Spec ([#27276](https://togithub.com/aws/aws-cdk/issues/27276)) ([3d9ca8d](https://togithub.com/aws/aws-cdk/commit/3d9ca8dad29e6e6f813ab2340da7639c24ba5494)) - **aws-cdk-lib:** reduce load time of JavaScript library ([#27217](https://togithub.com/aws/aws-cdk/issues/27217)) ([faffce0](https://togithub.com/aws/aws-cdk/commit/faffce06c3f1d543600f7e8dc430a5105c73ac5a)) ##### Bug Fixes - **rds:** prevent rendering deprecated credentials when creating a database cluster from a snapshot (under feature flag) ([#27174](https://togithub.com/aws/aws-cdk/issues/27174)) ([1fd22a7](https://togithub.com/aws/aws-cdk/commit/1fd22a7498223ae5d2faf1799056e81be4f71f5c)), closes [#23815](https://togithub.com/aws/aws-cdk/issues/23815) *** #### Alpha modules (2.98.0-alpha.0) ##### Features - **scheduler:** disable Schedule on creation ([#27236](https://togithub.com/aws/aws-cdk/issues/27236)) ([193cd3f](https://togithub.com/aws/aws-cdk/commit/193cd3f575974e4058fcec957640a3d28d114fd1)) ### [`v2.97.1`](https://togithub.com/aws/aws-cdk/releases/tag/v2.97.1) [Compare Source](https://togithub.com/aws/aws-cdk/compare/v2.97.0...v2.97.1) ##### Reverts - "feat(core): `Schedule` class" ([#27284](https://togithub.com/aws/aws-cdk/issues/27284)) ([e2fc724](https://togithub.com/aws/aws-cdk/commit/e2fc7240672b5c26394b2fe420531d62fe74189b)), closes [aws/aws-cdk#27105](https://togithub.com/aws/aws-cdk/issues/27105) [#27259](https://togithub.com/aws/aws-cdk/issues/27259) *** #### Alpha modules (2.97.1-alpha.0) </details> <details> <summary>aws/aws-sdk-js (aws-sdk)</summary> ### [`v2.1467.0`](https://togithub.com/aws/aws-sdk-js/blob/HEAD/CHANGELOG.md#214670) [Compare Source](https://togithub.com/aws/aws-sdk-js/compare/v2.1466.0...v2.1467.0) - feature: Bedrock: Model Invocation logging added to enable or disable logs in customer account. Model listing and description support added. Provisioned Throughput feature added. Custom model support added for creating custom models. Also includes list, and delete functions for custom model. - feature: BedrockRuntime: Run Inference: Added support to run the inference on models. Includes set of APIs for running inference in streaming and non-streaming mode. - feature: Budgets: Update DescribeBudgets and DescribeBudgetNotificationsForAccount MaxResults limit to 1000. - feature: EC2: Adds support for Customer Managed Key encryption for Amazon Verified Access resources - feature: IoTFleetWise: AWS IoT FleetWise now supports encryption through a customer managed AWS KMS key. The PutEncryptionConfiguration and GetEncryptionConfiguration APIs were added. - feature: SageMaker: Online store feature groups supports Standard and InMemory tier storage types for low latency storage for real-time data retrieval. The InMemory tier supports collection types List, Set, and Vector. - feature: SageMakerFeatureStoreRuntime: Feature Store supports read/write of records with collection type features. ### [`v2.1466.0`](https://togithub.com/aws/aws-sdk-js/blob/HEAD/CHANGELOG.md#214660) [Compare Source](https://togithub.com/aws/aws-sdk-js/compare/v2.1465.0...v2.1466.0) - feature: CognitoIdentityServiceProvider: The UserPoolType Status field is no longer used. - feature: Firehose: Features : Adding support for new data ingestion source to Kinesis Firehose - AWS Managed Services Kafka. - feature: Iot: Added support for IoT Rules Engine Kafka Action Headers - feature: Textract: This release adds new feature - Layout to Analyze Document API which can automatically extract layout elements such as titles, paragraphs, headers, section headers, lists, page numbers, footers, table areas, key-value areas and figure areas and order the elements as a human would read. ### [`v2.1465.0`](https://togithub.com/aws/aws-sdk-js/blob/HEAD/CHANGELOG.md#214650) [Compare Source](https://togithub.com/aws/aws-sdk-js/compare/v2.1464.0...v2.1465.0) - feature: AppIntegrations: The Amazon AppIntegrat </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).

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](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.5` -> `^1.9.6`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/1.9.5/1.9.6) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@reduxjs%2ftoolkit/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@reduxjs%2ftoolkit/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@reduxjs%2ftoolkit/1.9.5/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@reduxjs%2ftoolkit/1.9.5/1.9.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>reduxjs/redux-toolkit (@reduxjs/toolkit)</summary> ### [`v1.9.6`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.6) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.5...v1.9.6) This bugfix release adds a new dev-mode middleware to catch accidentally dispatching an action creator, adds a new listener middleware option around waiting for forks, adds a new option to update provided tags when `updateQueryData` is used, reworks internal types to better handle uses with TS declaration output, and fixes a variety of small issues. ##### Changelog ##### Action Creator Dev Check Middleware RTK already includes dev-mode middleware that check for the common mistakes of accidentally mutating state and putting non-serializable values into state or actions. Over the years we've also seen a semi-frequent error where users accidentally pass an action creator reference to `dispatch`, instead of *calling* it and dispatching the action it returns. We've added another dev-mode middleware that specifically catches this error and warns about it. ##### Additional Options The listener middleware's `listenerApi.fork()` method now has an optional `autoJoin` flag that can be used to keep the effect from finishing until all active forked tasks have completed. `updateQueryData` now has an `updateProvidedTags` option that will force a recalculation of that endpoint's provided tags. It currently defaults to `false`, and we'll likely turn that to `true` in the next major. ##### Other Fixes The `builder.addCase` method now throws an error if a `type` string is empty. `fetchBaseQuery` now uses an alternate method to clone the original `Request` in order to work around an obscure Chrome bug. The immutability middleware logic was tweaked to avoid a potential stack overflow. ##### Types Changes The internal type imports have been reworked to try to fix "type portability" issues when used in combination with TS declaration outputs. A couple additional types were exported to help with wrapping `createAsyncThunk`. ##### What's Changed - 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) - 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) - Fix TransformedResponse type to unwrap promise by [@EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3500](https://togithub.com/reduxjs/redux-toolkit/pull/3500) - Throw error when type is empty in builder.addCase by [@chawes13](https://togithub.com/chawes13) in [https://github.com/reduxjs/redux-toolkit/pull/3572](https://togithub.com/reduxjs/redux-toolkit/pull/3572) - \[RED-23] fix: Updated type references to resolve portable types issue by [@tdurnford](https://togithub.com/tdurnford) in [https://github.com/reduxjs/redux-toolkit/pull/3728](https://togithub.com/reduxjs/redux-toolkit/pull/3728) - add option to update provided tags by [@dutzi](https://togithub.com/dutzi) in [https://github.com/reduxjs/redux-toolkit/pull/3255](https://togithub.com/reduxjs/redux-toolkit/pull/3255) - \[RED-26] Remove Request.clone() usage in fetchBaseQuery by [@alex-vukov](https://togithub.com/alex-vukov) in [https://github.com/reduxjs/redux-toolkit/pull/3720](https://togithub.com/reduxjs/redux-toolkit/pull/3720) - Try working around TS 4.1 mismatch by [@markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3739](https://togithub.com/reduxjs/redux-toolkit/pull/3739) **Full Changelog**: reduxjs/redux-toolkit@v1.9.5...v1.9.6 </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. --- - [ ] 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).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](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.5` -> `^2.0.0`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/1.9.5/2.0.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@reduxjs%2ftoolkit/2.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@reduxjs%2ftoolkit/2.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@reduxjs%2ftoolkit/1.9.5/2.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@reduxjs%2ftoolkit/1.9.5/2.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>reduxjs/redux-toolkit (@reduxjs/toolkit)</summary> ### [`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/compare/v1.9.7...v2.0.0) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.7...v2.0.0) ### [`v1.9.7`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.7) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.6...v1.9.7) This bugfix release rewrites the RTKQ hook TS types to significantly improve TS perf. #### Changelog ##### RTKQ TS Perf A number of users had reported that Intellisense for RTKQ API objects was extremely slow (multiple seconds) - see discussion in [#3214](https://togithub.com/reduxjs/redux-toolkit/issues/3214) . We did some perf investigation on user-provided examples, and concluded that the biggest factor to slow RTKQ TS perf was the calculation of hook names like `useGetPokemonQuery`, which was generating a large TS union of types. We've rewritten that hook names type calculation to use mapped types and a couple of intersections. In a specific user-provided stress test repo, it dropped TS calculation time by 60% (2600ms to 1000ms). There's more potential work we can do to improve things, but this seems like a major perf improvement worth shipping now. #### What's Changed - chore: Switch 4.9.2-rc to 4.9.5 since 4.9.5 has been released in TypeScript by [@kahirokunn](https://togithub.com/kahirokunn) in [https://github.com/reduxjs/redux-toolkit/pull/3772](https://togithub.com/reduxjs/redux-toolkit/pull/3772) - Copy of "Work around known TS bug with type inference [#3761](https://togithub.com/reduxjs/redux-toolkit/issues/3761)" by [@julian-ford](https://togithub.com/julian-ford) in [https://github.com/reduxjs/redux-toolkit/pull/3777](https://togithub.com/reduxjs/redux-toolkit/pull/3777) - Rework named hooks type (v1.9) by [@EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3769](https://togithub.com/reduxjs/redux-toolkit/pull/3769) **Full Changelog**: reduxjs/redux-toolkit@v1.9.6...v1.9.7 ### [`v1.9.6`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.6) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.5...v1.9.6) This bugfix release adds a new dev-mode middleware to catch accidentally dispatching an action creator, adds a new listener middleware option around waiting for forks, adds a new option to update provided tags when `updateQueryData` is used, reworks internal types to better handle uses with TS declaration output, and fixes a variety of small issues. ##### Changelog ##### Action Creator Dev Check Middleware RTK already includes dev-mode middleware that check for the common mistakes of accidentally mutating state and putting non-serializable values into state or actions. Over the years we've also seen a semi-frequent error where users accidentally pass an action creator reference to `dispatch`, instead of *calling* it and dispatching the action it returns. We've added another dev-mode middleware that specifically catches this error and warns about it. ##### Additional Options The listener middleware's `listenerApi.fork()` method now has an optional `autoJoin` flag that can be used to keep the effect from finishing until all active forked tasks have completed. `updateQueryData` now has an `updateProvidedTags` option that will force a recalculation of that endpoint's provided tags. It currently defaults to `false`, and we'll likely turn that to `true` in the next major. ##### Other Fixes The `builder.addCase` method now throws an error if a `type` string is empty. `fetchBaseQuery` now uses an alternate method to clone the original `Request` in order to work around an obscure Chrome bug. The immutability middleware logic was tweaked to avoid a potential stack overflow. ##### Types Changes The internal type imports have been reworked to try to fix "type portability" issues when used in combination with TS declaration outputs. A couple additional types were exported to help with wrapping `createAsyncThunk`. ##### What's Changed - 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) - 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) - Fix TransformedResponse type to unwrap promise by [@EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3500](https://togithub.com/reduxjs/redux-toolkit/pull/3500) - Throw error when type is empty in builder.addCase by [@chawes13](https://togithub.com/chawes13) in [https://github.com/reduxjs/redux-toolkit/pull/3572](https://togithub.com/reduxjs/redux-toolkit/pull/3572) - \[RED-23] fix: Updated type references to resolve portable types issue by [@tdurnford](https://togithub.com/tdurnford) in [https://github.com/reduxjs/redux-toolkit/pull/3728](https://togithub.com/reduxjs/redux-toolkit/pull/3728) - add option to update provided tags by [@dutzi](https://togithub.com/dutzi) in [https://github.com/reduxjs/redux-toolkit/pull/3255](https://togithub.com/reduxjs/redux-toolkit/pull/3255) - \[RED-26] Remove Request.clone() usage in fetchBaseQuery by [@alex-vukov](https://togithub.com/alex-vukov) in [https://github.com/reduxjs/redux-toolkit/pull/3720](https://togithub.com/reduxjs/redux-toolkit/pull/3720) - Try working around TS 4.1 mismatch by [@markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3739](https://togithub.com/reduxjs/redux-toolkit/pull/3739) **Full Changelog**: reduxjs/redux-toolkit@v1.9.5...v1.9.6 </details> --- ### Configuration 📅 **Schedule**: Branch creation - "after 10pm every weekday,before 6am every weekday" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR is behind base branch, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] 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/apereo/cas).

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](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) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@reduxjs%2ftoolkit/2.2.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@reduxjs%2ftoolkit/2.2.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@reduxjs%2ftoolkit/1.9.7/2.2.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@reduxjs%2ftoolkit/1.9.7/2.2.1?slim=true)](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. --- - [ ] 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).  --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jean Regisser <jean.regisser@gmail.com>

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](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` -> `1.9.7`](https://renovatebot.com/diffs/npm/@reduxjs%2ftoolkit/1.9.2/1.9.7) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@reduxjs%2ftoolkit/1.9.7?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@reduxjs%2ftoolkit/1.9.7?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@reduxjs%2ftoolkit/1.9.2/1.9.7?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@reduxjs%2ftoolkit/1.9.2/1.9.7?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>reduxjs/redux-toolkit (@reduxjs/toolkit)</summary> ### [`v1.9.7`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.7) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.6...v1.9.7) This bugfix release rewrites the RTKQ hook TS types to significantly improve TS perf. #### Changelog ##### RTKQ TS Perf A number of users had reported that Intellisense for RTKQ API objects was extremely slow (multiple seconds) - see discussion in [#3214](https://togithub.com/reduxjs/redux-toolkit/issues/3214) . We did some perf investigation on user-provided examples, and concluded that the biggest factor to slow RTKQ TS perf was the calculation of hook names like `useGetPokemonQuery`, which was generating a large TS union of types. We've rewritten that hook names type calculation to use mapped types and a couple of intersections. In a specific user-provided stress test repo, it dropped TS calculation time by 60% (2600ms to 1000ms). There's more potential work we can do to improve things, but this seems like a major perf improvement worth shipping now. #### What's Changed - chore: Switch 4.9.2-rc to 4.9.5 since 4.9.5 has been released in TypeScript by [@kahirokunn](https://togithub.com/kahirokunn) in [https://github.com/reduxjs/redux-toolkit/pull/3772](https://togithub.com/reduxjs/redux-toolkit/pull/3772) - Copy of "Work around known TS bug with type inference [#3761](https://togithub.com/reduxjs/redux-toolkit/issues/3761)" by [@julian-ford](https://togithub.com/julian-ford) in [https://github.com/reduxjs/redux-toolkit/pull/3777](https://togithub.com/reduxjs/redux-toolkit/pull/3777) - Rework named hooks type (v1.9) by [@EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3769](https://togithub.com/reduxjs/redux-toolkit/pull/3769) **Full Changelog**: reduxjs/redux-toolkit@v1.9.6...v1.9.7 ### [`v1.9.6`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.6) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.5...v1.9.6) This bugfix release adds a new dev-mode middleware to catch accidentally dispatching an action creator, adds a new listener middleware option around waiting for forks, adds a new option to update provided tags when `updateQueryData` is used, reworks internal types to better handle uses with TS declaration output, and fixes a variety of small issues. ##### Changelog ##### Action Creator Dev Check Middleware RTK already includes dev-mode middleware that check for the common mistakes of accidentally mutating state and putting non-serializable values into state or actions. Over the years we've also seen a semi-frequent error where users accidentally pass an action creator reference to `dispatch`, instead of *calling* it and dispatching the action it returns. We've added another dev-mode middleware that specifically catches this error and warns about it. ##### Additional Options The listener middleware's `listenerApi.fork()` method now has an optional `autoJoin` flag that can be used to keep the effect from finishing until all active forked tasks have completed. `updateQueryData` now has an `updateProvidedTags` option that will force a recalculation of that endpoint's provided tags. It currently defaults to `false`, and we'll likely turn that to `true` in the next major. ##### Other Fixes The `builder.addCase` method now throws an error if a `type` string is empty. `fetchBaseQuery` now uses an alternate method to clone the original `Request` in order to work around an obscure Chrome bug. The immutability middleware logic was tweaked to avoid a potential stack overflow. ##### Types Changes The internal type imports have been reworked to try to fix "type portability" issues when used in combination with TS declaration outputs. A couple additional types were exported to help with wrapping `createAsyncThunk`. ##### What's Changed - 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) - 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) - Fix TransformedResponse type to unwrap promise by [@EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3500](https://togithub.com/reduxjs/redux-toolkit/pull/3500) - Throw error when type is empty in builder.addCase by [@chawes13](https://togithub.com/chawes13) in [https://github.com/reduxjs/redux-toolkit/pull/3572](https://togithub.com/reduxjs/redux-toolkit/pull/3572) - \[RED-23] fix: Updated type references to resolve portable types issue by [@tdurnford](https://togithub.com/tdurnford) in [https://github.com/reduxjs/redux-toolkit/pull/3728](https://togithub.com/reduxjs/redux-toolkit/pull/3728) - add option to update provided tags by [@dutzi](https://togithub.com/dutzi) in [https://github.com/reduxjs/redux-toolkit/pull/3255](https://togithub.com/reduxjs/redux-toolkit/pull/3255) - \[RED-26] Remove Request.clone() usage in fetchBaseQuery by [@alex-vukov](https://togithub.com/alex-vukov) in [https://github.com/reduxjs/redux-toolkit/pull/3720](https://togithub.com/reduxjs/redux-toolkit/pull/3720) - Try working around TS 4.1 mismatch by [@markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3739](https://togithub.com/reduxjs/redux-toolkit/pull/3739) **Full Changelog**: reduxjs/redux-toolkit@v1.9.5...v1.9.6 ### [`v1.9.5`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.5) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.4...v1.9.5) This bugfix release includes notable improvements to TS type inference when using the `enhancers` option in `configureStore`, and updates the listener middleware to only check predicates if the dispatched value is truly an action object. #### What's Changed - update to latest remark-typescript-tools by [@EskiMojo14](https://togithub.com/EskiMojo14) in [https://github.com/reduxjs/redux-toolkit/pull/3311](https://togithub.com/reduxjs/redux-toolkit/pull/3311) - 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) **Full Changelog**: reduxjs/redux-toolkit@v1.9.4...v1.9.5 ### [`v1.9.4`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.4) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.3...v1.9.4) This bugfix release includes tweaks to RTKQ options handling, tweaks for perf updates, dependency updates, and updates to our CI tooling. Also, please check out our ongoing RTK 2.0 alpha releases! They have significant improvements to bundle size, ESM/CJS compatibility, TS typings, and reducer update performance. We're looking for real-world feedback on behavior, performance, and any issues you might run into. #### Changelog ##### RTK Query Options Updates Passing `transformResponse` as part of `enhanceEndpoints` can now override the TS type of the original data. `fetchBaseQuery` now properly checks for a global `responseHandler` option. ##### Performance and Internals RTK Query now uses Immer's `original()` to do comparisons inside of `copyWithStructuralSharing`, which should significantly speed up performance when applying changes from re-fetched data. RTKQ's internal `subscriptionUpdated` action is now marked as batchable. We've updated dependencies to Immer 9.0.21, Reselect 4.1.8, and Redux 4.2.1. ##### CI Updates We've added a suite of example apps built with different frameworks such as CRA 4, CRA 5, Next, and Vite, as well as examples that check for compatibility in Node with CJS and ESM modes and with various TS module resolution modes. #### What's Changed - 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) - Use Git revision in version and add Node CI examples by [@markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3258](https://togithub.com/reduxjs/redux-toolkit/pull/3258) - 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) - 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) - 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) **Full Changelog**: reduxjs/redux-toolkit@v1.9.3...v1.9.4 ### [`v1.9.3`](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.3) [Compare Source](https://togithub.com/reduxjs/redux-toolkit/compare/v1.9.2...v1.9.3) This release fixes a couple issues with the `skip/skipToken` options for query hooks, and makes a small perf tweak to serializing query args. #### Changelog ##### Skip Behavior We made a change in [v1.9.0](https://togithub.com/reduxjs/redux-toolkit/releases/tag/v1.9.0) that tried to make some skip behavior more consistent, including clearing out the cached data. However, we had overlooked that our own docs actually said "skipping a query will *keep* the cached data", and several users pointed this out as they'd been relying on that behavior. We've reverted that change. Now, setting `{skip: true}` or `skipToken` for a query with existing results will keep the `data` value (reflecting the last successful query), but `currentData` will be undefined (reflecting the *current* settings). We also identified and fixed an issue that could cause subscription entries to leak under a specific combination of timing and settings changes. ##### Query Arg Serialization Perf RTKQ relies on serializing query arguments to serve as the cache keys, with the default using `JSON.stringify()` + some logic for sorting keys. There was a report that in some apps, large query arg objects could take a while to stringify and this was being done repeatedly. We've added a `WeakMap`-based cache for query args to avoid re-serializing existing arg values. #### What's Changed - Revert "clear data on skip" back to its original behavior by [@markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3188](https://togithub.com/reduxjs/redux-toolkit/pull/3188) - Use a WeakMap cache for query arg serialization for perf by [@markerikson](https://togithub.com/markerikson) in [https://github.com/reduxjs/redux-toolkit/pull/3193](https://togithub.com/reduxjs/redux-toolkit/pull/3193) **Full Changelog**: reduxjs/redux-toolkit@v1.9.2...v1.9.3 </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. --- - [ ] 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).

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](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) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@reduxjs%2ftoolkit/2.2.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@reduxjs%2ftoolkit/2.2.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@reduxjs%2ftoolkit/1.9.7/2.2.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@reduxjs%2ftoolkit/1.9.7/2.2.2?slim=true)](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. --- - [ ] 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).

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](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) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@reduxjs%2ftoolkit/2.2.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@reduxjs%2ftoolkit/2.2.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@reduxjs%2ftoolkit/1.9.7/2.2.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@reduxjs%2ftoolkit/1.9.7/2.2.1?slim=true)](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. --- - [ ] 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).  --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jean Regisser <jean.regisser@gmail.com>

create action creator middleware

67eef52

EskiMojo14 added 4 commits May 2, 2023 23:52

add CurriedGetDefaultMiddleware default

d8024b7

fix gDM test

c87f959

Adds docs and fix test.

dc11155

fix order

ed3ba43

EskiMojo14 marked this pull request as ready for review May 2, 2023 23:30

EskiMojo14 added 2 commits May 3, 2023 00:39

unshift, not prepend

b69e9df

call the creator, not the action

6189cc3

EskiMojo14 added the enhancement New feature or request label May 2, 2023

EskiMojo14 added this to the 1.9.x milestone May 2, 2023

infer action name from type

fc53a5a

markerikson reviewed May 5, 2023

View reviewed changes

markerikson merged commit 2955048 into reduxjs:master May 5, 2023

EskiMojo14 deleted the action-creator-middleware branch May 5, 2023 21:45

markerikson mentioned this pull request Aug 16, 2023

Dispatching an action creator should result in an error #3299

Closed

NOUIY mentioned this pull request May 24, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.6.2 to 1.9.7 NOUIY/Mirage-Mocking-Server#48

Open

ralphbean mentioned this pull request Sep 10, 2024

[Snyk] Upgrade: , , , , , , , axios, moment, oauth4webapi, react-hook-form, react-monaco-editor, react-redux, yaml konflux-ci/quality-dashboard#335

Open

Jamesp918 mentioned this pull request Sep 10, 2024

[Snyk] Upgrade: , next-themes Callgent/callgent-com#33

Open

DariusZdroba mentioned this pull request Sep 11, 2024

[Snyk-dev] Upgrade @reduxjs/toolkit from 1.9.1 to 1.9.7 DariusZdroba/travelopedia#3

Closed

raverecursion mentioned this pull request Sep 12, 2024

[Snyk] Upgrade: , , plyr, react-slick, sass, styled-components raverecursion/Streamable---A-Disney-Plus-Lookalike#209

Open

irklva mentioned this pull request Sep 13, 2024

[Snyk] Upgrade: , , , , , , axios, bootstrap, moment, react-loader-spinner, react-router, react-router-dom, react-scripts, web-vitals irklva/posts-exercise-react#187

Open

ralphbean mentioned this pull request Sep 13, 2024

[Snyk] Upgrade: , , , , , , , axios, moment, oauth4webapi, react-hook-form, react-monaco-editor, react-redux, yaml konflux-ci/quality-dashboard#336

Open

psturc mentioned this pull request Sep 14, 2024

[Snyk] Upgrade: , , , , , , , axios, moment, oauth4webapi, react-hook-form, react-monaco-editor, react-redux, yaml konflux-ci/quality-dashboard#337

Open

psturc mentioned this pull request Sep 21, 2024

[Snyk] Upgrade: , , , , , , , axios, moment, oauth4webapi, react-hook-form, react-monaco-editor, react-redux, yaml konflux-ci/quality-dashboard#338

Open

irklva mentioned this pull request Sep 22, 2024

[Snyk] Upgrade: , , , , , , axios, bootstrap, moment, react-loader-spinner, react-router, react-router-dom, react-scripts, web-vitals irklva/posts-exercise-react#196

Open

psturc mentioned this pull request Sep 22, 2024

[Snyk] Upgrade: , , , , , , , axios, moment, oauth4webapi, react-hook-form, react-monaco-editor, react-redux, yaml konflux-ci/quality-dashboard#339

Open

Exkaleburx mentioned this pull request Sep 24, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.8.1 to 1.9.7 Exkaleburx/bitcore#944

Open

trishantpahwa mentioned this pull request Sep 24, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.9.5 to 1.9.7 trishantpahwa/wrec-er__writer__#7

Open

mainul-islam-faruqi mentioned this pull request Sep 25, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.9.5 to 1.9.7 King-B81/Sports-betting-site#6

Open

This was referenced Sep 26, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.9.5 to 1.9.7 nejidevelops/react_redux_to_api#33

Open

[Snyk] Upgrade @reduxjs/toolkit from 1.9.5 to 1.9.7 nejidevelops/react-capstone#50

Open

This was referenced Sep 28, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.8.1 to 1.9.7 Exkaleburx/bitcore#1026

Open

[Snyk] Upgrade @reduxjs/toolkit from 1.8.1 to 1.9.7 Exkaleburx/bitcore#1059

Open

This was referenced Oct 26, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.9.5 to 1.9.7 nejidevelops/react_redux_to_api#38

Open

[Snyk] Upgrade @reduxjs/toolkit from 1.9.5 to 1.9.7 nejidevelops/react-capstone#55

Open

Niaz-estefaie mentioned this pull request Oct 30, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.8.6 to 1.9.7 Niaz-estefaie/calendar-react-typescript#20

Open

Exkaleburx mentioned this pull request Nov 4, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.8.1 to 1.9.7 Exkaleburx/bitcore#1131

Open

NOUIY mentioned this pull request Nov 4, 2024

[Snyk] Upgrade @reduxjs/toolkit from 1.6.2 to 1.9.7 NOUIY/Mirage-Mocking-Server#51

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

create action creator middleware #3414

create action creator middleware #3414

EskiMojo14 commented May 2, 2023

codesandbox bot commented May 2, 2023

netlify bot commented May 2, 2023 •

edited

Loading

codesandbox-ci bot commented May 2, 2023 •

edited

Loading

markerikson May 5, 2023

markerikson May 5, 2023

create action creator middleware #3414

create action creator middleware #3414

Conversation

EskiMojo14 commented May 2, 2023

codesandbox bot commented May 2, 2023

netlify bot commented May 2, 2023 • edited Loading

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

codesandbox-ci bot commented May 2, 2023 • edited Loading

markerikson May 5, 2023

Choose a reason for hiding this comment

markerikson May 5, 2023

Choose a reason for hiding this comment

netlify bot commented May 2, 2023 •

edited

Loading

codesandbox-ci bot commented May 2, 2023 •

edited

Loading