@depup/reduxjs__toolkit 2.12.0-depup.28

package/dist/uncheckedindexed.ts

@@ -0,0 +1,16 @@
+// inlined from https://github.com/EskiMojo14/uncheckedindexed
+// relies on remaining as a TS file, not .d.ts
+type IfMaybeUndefined<T, True, False> = [undefined] extends [T] ? True : False
+
+const testAccess = ({} as Record<string, 0>)['a']
+
+export type IfUncheckedIndexedAccess<True, False> = IfMaybeUndefined<
+  typeof testAccess,
+  True,
+  False
+>
+
+export type UncheckedIndexedAccess<T> = IfUncheckedIndexedAccess<
+  T | undefined,
+  T
+>

package/package.json

@@ -0,0 +1,310 @@
+{
+  "name": "@depup/reduxjs__toolkit",
+  "version": "2.12.0-depup.28",
+  "description": "The official, opinionated, batteries-included toolset for efficient Redux development (with updated dependencies)",
+  "author": "Mark Erikson <mark@isquaredsoftware.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/reduxjs/redux-toolkit.git"
+  },
+  "keywords": [
+    "@reduxjs/toolkit",
+    "depup",
+    "updated-dependencies",
+    "security",
+    "latest",
+    "patched",
+    "redux",
+    "react",
+    "starter",
+    "toolkit",
+    "reducer",
+    "slice",
+    "immer",
+    "immutable",
+    "redux-toolkit",
+    "tanstack-intent"
+  ],
+  "module": "dist/redux-toolkit.legacy-esm.js",
+  "main": "dist/cjs/index.js",
+  "types": "dist/index.d.ts",
+  "react-native": "dist/redux-toolkit.legacy-esm.js",
+  "unpkg": "dist/redux-toolkit.browser.mjs",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "module-sync": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/redux-toolkit.modern.mjs"
+      },
+      "module": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/redux-toolkit.modern.mjs"
+      },
+      "react-native": {
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/redux-toolkit.modern.mjs"
+        },
+        "default": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/cjs/index.js"
+        }
+      },
+      "browser": {
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/redux-toolkit.browser.mjs"
+        },
+        "default": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/cjs/index.js"
+        }
+      },
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/redux-toolkit.modern.mjs"
+      },
+      "default": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      }
+    },
+    "./react": {
+      "module-sync": {
+        "types": "./dist/react/index.d.mts",
+        "default": "./dist/react/redux-toolkit-react.modern.mjs"
+      },
+      "module": {
+        "types": "./dist/react/index.d.mts",
+        "default": "./dist/react/redux-toolkit-react.modern.mjs"
+      },
+      "react-native": {
+        "import": {
+          "types": "./dist/react/index.d.mts",
+          "default": "./dist/react/redux-toolkit-react.modern.mjs"
+        },
+        "default": {
+          "types": "./dist/react/index.d.ts",
+          "default": "./dist/react/cjs/index.js"
+        }
+      },
+      "browser": {
+        "import": {
+          "types": "./dist/react/index.d.mts",
+          "default": "./dist/react/redux-toolkit-react.browser.mjs"
+        },
+        "default": {
+          "types": "./dist/react/index.d.ts",
+          "default": "./dist/react/cjs/index.js"
+        }
+      },
+      "import": {
+        "types": "./dist/react/index.d.mts",
+        "default": "./dist/react/redux-toolkit-react.modern.mjs"
+      },
+      "default": {
+        "types": "./dist/react/index.d.ts",
+        "default": "./dist/react/cjs/index.js"
+      }
+    },
+    "./query": {
+      "module-sync": {
+        "types": "./dist/query/index.d.mts",
+        "default": "./dist/query/rtk-query.modern.mjs"
+      },
+      "module": {
+        "types": "./dist/query/index.d.mts",
+        "default": "./dist/query/rtk-query.modern.mjs"
+      },
+      "react-native": {
+        "import": {
+          "types": "./dist/query/index.d.mts",
+          "default": "./dist/query/rtk-query.modern.mjs"
+        },
+        "default": {
+          "types": "./dist/query/index.d.ts",
+          "default": "./dist/query/cjs/index.js"
+        }
+      },
+      "browser": {
+        "import": {
+          "types": "./dist/query/index.d.mts",
+          "default": "./dist/query/rtk-query.browser.mjs"
+        },
+        "default": {
+          "types": "./dist/query/index.d.ts",
+          "default": "./dist/query/cjs/index.js"
+        }
+      },
+      "import": {
+        "types": "./dist/query/index.d.mts",
+        "default": "./dist/query/rtk-query.modern.mjs"
+      },
+      "default": {
+        "types": "./dist/query/index.d.ts",
+        "default": "./dist/query/cjs/index.js"
+      }
+    },
+    "./query/react": {
+      "module-sync": {
+        "types": "./dist/query/react/index.d.mts",
+        "default": "./dist/query/react/rtk-query-react.modern.mjs"
+      },
+      "module": {
+        "types": "./dist/query/react/index.d.mts",
+        "default": "./dist/query/react/rtk-query-react.modern.mjs"
+      },
+      "react-native": {
+        "import": {
+          "types": "./dist/query/react/index.d.mts",
+          "default": "./dist/query/react/rtk-query-react.modern.mjs"
+        },
+        "default": {
+          "types": "./dist/query/react/index.d.ts",
+          "default": "./dist/query/react/cjs/index.js"
+        }
+      },
+      "browser": {
+        "import": {
+          "types": "./dist/query/react/index.d.mts",
+          "default": "./dist/query/react/rtk-query-react.browser.mjs"
+        },
+        "default": {
+          "types": "./dist/query/react/index.d.ts",
+          "default": "./dist/query/react/cjs/index.js"
+        }
+      },
+      "import": {
+        "types": "./dist/query/react/index.d.mts",
+        "default": "./dist/query/react/rtk-query-react.modern.mjs"
+      },
+      "default": {
+        "types": "./dist/query/react/index.d.ts",
+        "default": "./dist/query/react/cjs/index.js"
+      }
+    }
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.2",
+    "@babel/core": "^7.24.8",
+    "@babel/helper-module-imports": "^7.24.7",
+    "@microsoft/api-extractor": "^7.13.2",
+    "@phryneas/ts-version": "^1.0.2",
+    "@size-limit/file": "^11.0.1",
+    "@size-limit/webpack": "^11.0.1",
+    "@tanstack/intent": "^0.0.19",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/react-render-stream": "^1.0.3",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/babel__core": "^7.20.5",
+    "@types/babel__helper-module-imports": "^7.18.3",
+    "@types/node": "^25.5.0",
+    "@types/query-string": "^6.3.0",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "@typescript-eslint/eslint-plugin": "^6",
+    "@typescript-eslint/parser": "^6",
+    "axios": "^0.19.2",
+    "esbuild": "^0.25.1",
+    "esbuild-extra": "^0.4.0",
+    "eslint": "^7.25.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-flowtype": "^5.7.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "jsdom": "^25.0.1",
+    "msw": "^2.1.4",
+    "node-fetch": "^3.3.2",
+    "prettier": "^3.2.5",
+    "query-string": "^7.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-redux": "^9.2.0",
+    "rimraf": "^6.1.3",
+    "size-limit": "^11.0.1",
+    "tsup": "^8.4.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.3",
+    "valibot": "^1.0.0",
+    "vite-tsconfig-paths": "^4.3.1",
+    "vitest": "^4"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "run-build": "tsup --config=$INIT_CWD/tsup.config.mts",
+    "build": "yarn clean && yarn run-build && tsx scripts/fixUniqueSymbolExports.mts",
+    "build-only": "yarn clean && yarn run-build",
+    "format": "prettier --write \"(src|examples)/**/*.{ts,tsx}\" \"**/*.md\"",
+    "format:check": "prettier --list-different \"(src|examples)/**/*.{ts,tsx}\" \"docs/*/**.md\"",
+    "lint": "eslint src examples",
+    "test": "vitest --typecheck --run ",
+    "test:watch": "vitest --watch",
+    "type-tests": "yarn tsc -p tsconfig.test.json --noEmit",
+    "size": "size-limit"
+  },
+  "files": [
+    "dist/",
+    "src/",
+    "!src/**/tests/**",
+    "!src/**/*.{test,spec}(-d)?.(c|m)[tj]sx?",
+    "query",
+    "react",
+    "skills",
+    "!skills/_artifacts",
+    "changes.json",
+    "README.md"
+  ],
+  "dependencies": {
+    "@standard-schema/spec": "^1.1.0",
+    "@standard-schema/utils": "^0.3.0",
+    "immer": "^11.1.15",
+    "redux": "^5.0.1",
+    "redux-thunk": "^3.1.0",
+    "reselect": "^5.2.0"
+  },
+  "peerDependencies": {
+    "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
+    "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-redux": {
+      "optional": true
+    }
+  },
+  "sideEffects": false,
+  "bugs": {
+    "url": "https://github.com/reduxjs/redux-toolkit/issues"
+  },
+  "homepage": "https://redux-toolkit.js.org",
+  "depup": {
+    "changes": {
+      "@standard-schema/spec": {
+        "from": "^1.0.0",
+        "to": "^1.1.0"
+      },
+      "immer": {
+        "from": "^11.0.0",
+        "to": "^11.1.15"
+      },
+      "reselect": {
+        "from": "^5.1.0",
+        "to": "^5.2.0"
+      }
+    },
+    "depsUpdated": 3,
+    "originalPackage": "@reduxjs/toolkit",
+    "originalVersion": "2.12.0",
+    "processedAt": "2026-07-21T17:20:38.831Z",
+    "smokeTest": "passed"
+  }
+}

package/query/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@reduxjs/toolkit-query",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "module": "../dist/query/rtk-query.legacy-esm.js",
+  "main": "../dist/query/cjs/index.js",
+  "types": "./../dist/query/index.d.ts",
+  "react-native": "./../dist/query/rtk-query.legacy-esm.js",
+  "author": "Mark Erikson <mark@isquaredsoftware.com>",
+  "license": "MIT",
+  "sideEffects": false
+}

package/query/react/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@reduxjs/toolkit-query-react",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "module": "../../dist/query/react/rtk-query-react.legacy-esm.js",
+  "main": "../../dist/query/react/cjs/index.js",
+  "types": "./../../dist/query/react/index.d.ts",
+  "react-native": "./../../dist/query/react/rtk-query-react.legacy-esm.js",
+  "author": "Mark Erikson <mark@isquaredsoftware.com>",
+  "license": "MIT",
+  "sideEffects": false
+}

package/react/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@reduxjs/toolkit-react",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "module": "../dist/react/redux-toolkit-react.legacy-esm.js",
+  "main": "./../dist/react/redux-toolkit-react.modern.mjs",
+  "types": "./../dist/react/index.d.ts",
+  "react-native": "./../dist/react/redux-toolkit-react.modern.mjs",
+  "author": "Mark Erikson <mark@isquaredsoftware.com>",
+  "license": "MIT",
+  "sideEffects": false
+}

package/skills/build-modern-redux-apps/modern-redux/SKILL.md

@@ -0,0 +1,304 @@
+---
+name: build-modern-redux-apps/modern-redux
+description: >
+  Use this when setting up a new Redux Toolkit app or modernizing an existing
+  React + Redux codebase. Covers configureStore, Provider wiring, typed hooks,
+  hooks-first React-Redux usage, feature folders, and the correct store lifetime
+  for SPA and SSR-heavy React environments.
+type: lifecycle
+library: "@reduxjs/toolkit"
+library_version: "2.11.2"
+requires:
+  - build-modern-redux-apps/redux-dataflow
+sources:
+  - "reduxjs/redux-toolkit:docs/tutorials/quick-start.mdx"
+  - "reduxjs/redux-toolkit:docs/tutorials/typescript.md"
+  - "reduxjs/redux-toolkit:docs/usage/migrating-to-modern-redux.mdx"
+  - "reduxjs/redux-toolkit:docs/usage/nextjs.mdx"
+  - "reduxjs/redux:docs/style-guide/style-guide.md"
+---
+
+# Modern Redux
+
+## Setup
+
+```tsx
+// file: src/features/counter/counterSlice.ts
+import { createSlice } from '@reduxjs/toolkit'
+
+export const counterSlice = createSlice({
+  name: 'counter',
+  initialState: { value: 0 },
+  reducers: {
+    increment(state) {
+      state.value += 1
+    },
+  },
+})
+
+export const { increment } = counterSlice.actions
+
+// file: src/app/store.ts
+import { configureStore } from '@reduxjs/toolkit'
+import { counterSlice } from '../features/counter/counterSlice'
+
+export const store = configureStore({
+  reducer: {
+    counter: counterSlice.reducer,
+  },
+})
+
+export type RootState = ReturnType<typeof store.getState>
+export type AppDispatch = typeof store.dispatch
+
+// file: src/app/hooks.ts
+import { useDispatch, useSelector } from 'react-redux'
+import type { AppDispatch, RootState } from './store'
+
+export const useAppDispatch = useDispatch.withTypes<AppDispatch>()
+export const useAppSelector = useSelector.withTypes<RootState>()
+
+// file: src/features/counter/Counter.tsx
+import { increment } from './counterSlice'
+import { useAppDispatch, useAppSelector } from '../../app/hooks'
+
+export function Counter() {
+  const value = useAppSelector((state) => state.counter.value)
+  const dispatch = useAppDispatch()
+
+  return <button onClick={() => dispatch(increment())}>{value}</button>
+}
+
+// file: src/main.tsx
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { Provider } from 'react-redux'
+import { store } from './app/store'
+import { Counter } from './features/counter/Counter'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <Provider store={store}>
+    <Counter />
+  </Provider>,
+)
+```
+
+## Core Patterns
+
+### Keep React components on hooks, not wrappers
+
+```tsx
+import { postAdded, selectPosts } from './postsSlice'
+import { useAppDispatch, useAppSelector } from '../../app/hooks'
+
+export function PostsList() {
+  const posts = useAppSelector(selectPosts)
+  const dispatch = useAppDispatch()
+
+  return (
+    <button
+      onClick={() =>
+        dispatch(postAdded({ id: 'p2', title: 'Write docs' }))
+      }
+    >
+      {posts.length}
+    </button>
+  )
+}
+```
+
+Hooks are the default React-Redux integration for new code.
+
+### Create the store inside the provider for SSR-heavy React apps
+
+```tsx
+// file: src/lib/store.ts
+import { configureStore } from '@reduxjs/toolkit'
+import { counterSlice } from '../features/counter/counterSlice'
+
+export const makeStore = () =>
+  configureStore({
+    reducer: {
+      counter: counterSlice.reducer,
+    },
+  })
+
+export type AppStore = ReturnType<typeof makeStore>
+export type RootState = ReturnType<AppStore['getState']>
+export type AppDispatch = AppStore['dispatch']
+
+// file: src/app/StoreProvider.tsx
+'use client'
+
+import { useState, type ReactNode } from 'react'
+import { Provider } from 'react-redux'
+import { makeStore } from '../lib/store'
+
+export function StoreProvider({ children }: { children: ReactNode }) {
+  const [store] = useState(makeStore)
+
+  return <Provider store={store}>{children}</Provider>
+}
+```
+
+In SSR-heavy React frameworks, create a store per request and keep that instance stable across renders.
+
+### Keep app wiring in `app/` and feature logic in feature folders
+
+```text
+src/
+  app/
+    store.ts
+    hooks.ts
+  features/
+    posts/
+      postsSlice.ts
+      PostsList.tsx
+    users/
+      usersSlice.ts
+      UsersList.tsx
+```
+
+This keeps store wiring centralized and feature logic colocated.
+
+## Common Mistakes
+
+### HIGH Importing the store in React components
+
+Wrong:
+
+```tsx
+import { store } from '../../app/store'
+
+export function PostsList() {
+  const posts = store.getState().posts
+  return <div>{posts.length}</div>
+}
+```
+
+Correct:
+
+```tsx
+import { useAppSelector } from '../../app/hooks'
+
+export function PostsList() {
+  const posts = useAppSelector((state) => state.posts)
+  return <div>{posts.length}</div>
+}
+```
+
+React components should read through context and hooks; direct store imports are a separate escape hatch for non-React integrations, not the default UI pattern.
+
+Source: reduxjs/redux:docs/style-guide/style-guide.md
+
+### HIGH Defaulting to `connect()` in new React code
+
+Wrong:
+
+```tsx
+import { connect } from 'react-redux'
+
+const increment = () => ({ type: 'counter/increment' as const })
+const mapState = (state: { counter: { value: number } }) => ({
+  value: state.counter.value,
+})
+const mapDispatch = { increment }
+
+function Counter({ value, increment }: ReturnType<typeof mapState> & typeof mapDispatch) {
+  return <button onClick={() => increment()}>{value}</button>
+}
+
+export default connect(mapState, mapDispatch)(Counter)
+```
+
+Correct:
+
+```tsx
+import { increment } from './counterSlice'
+import { useAppDispatch, useAppSelector } from '../../app/hooks'
+
+export function Counter() {
+  const value = useAppSelector((state) => state.counter.value)
+  const dispatch = useAppDispatch()
+
+  return <button onClick={() => dispatch(increment())}>{value}</button>
+}
+```
+
+Hooks are the modern default, simpler to type, and the maintainers explicitly want agents to steer new code away from `connect`.
+
+Source: reduxjs/redux-toolkit:docs/usage/migrating-to-modern-redux.mdx
+
+### HIGH Recreating the store during render in SSR-heavy apps
+
+Wrong:
+
+```tsx
+'use client'
+
+import { Provider } from 'react-redux'
+import { makeStore } from '../lib/store'
+
+export function StoreProvider({ children }: { children: import('react').ReactNode }) {
+  const store = makeStore()
+  return <Provider store={store}>{children}</Provider>
+}
+```
+
+Correct:
+
+```tsx
+'use client'
+
+import { useState } from 'react'
+import { Provider } from 'react-redux'
+import { makeStore } from '../lib/store'
+
+export function StoreProvider({ children }: { children: import('react').ReactNode }) {
+  const [store] = useState(makeStore)
+  return <Provider store={store}>{children}</Provider>
+}
+```
+
+A new store on every render loses client state, while a module singleton can leak across requests on the server.
+
+Source: reduxjs/redux-toolkit:docs/usage/nextjs.mdx
+
+### HIGH Keeping `createStore` boilerplate as the default
+
+Wrong:
+
+```ts
+import { applyMiddleware, combineReducers, createStore } from 'redux'
+import thunk from 'redux-thunk'
+
+const counterReducer = (state = { value: 0 }) => state
+
+const rootReducer = combineReducers({
+  counter: counterReducer,
+})
+
+export const store = createStore(rootReducer, applyMiddleware(thunk))
+```
+
+Correct:
+
+```ts
+import { configureStore } from '@reduxjs/toolkit'
+
+const counterReducer = (state = { value: 0 }) => state
+
+export const store = configureStore({
+  reducer: {
+    counter: counterReducer,
+  },
+})
+```
+
+Manual store setup works, but it throws away RTK's default middleware, dev checks, and the current recommended baseline.
+
+Source: reduxjs/redux-toolkit:docs/usage/migrating-to-modern-redux.mdx
+
+## References
+
+- [Store lifetime and framework boundaries](references/store-lifetime.md)