@depup/reduxjs__toolkit 2.12.0-depup.28 → 2.13.0-depup.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depup/reduxjs__toolkit",
-  "version": "2.12.0-depup.28",
+  "version": "2.13.0-depup.0",
   "description": "The official, opinionated, batteries-included toolset for efficient Redux development (with updated dependencies)",
   "author": "Mark Erikson <mark@isquaredsoftware.com>",
   "license": "MIT",
@@ -187,7 +187,7 @@
     }
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "^0.18.2",
+    "@arethetypeswrong/cli": "^0.18.3",
     "@babel/core": "^7.24.8",
     "@babel/helper-module-imports": "^7.24.7",
     "@microsoft/api-extractor": "^7.13.2",
@@ -205,48 +205,32 @@
     "@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",
+    "msw": "2.1.5",
     "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",
+    "tsdown": "^0.22.14",
     "tsx": "^4.19.0",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
+    "unrun": "^0.3.1",
     "valibot": "^1.0.0",
     "vite-tsconfig-paths": "^4.3.1",
-    "vitest": "^4"
+    "vitest": "^5"
   },
   "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",
+    "run-build": "tsdown --config=./tsdown.config.mts --config-loader unrun",
+    "build": "pnpm clean && pnpm run-build && tsx scripts/fixUniqueSymbolExports.mts && tsx scripts/stripSourcemapFileField.mts",
+    "build-only": "pnpm clean && pnpm run-build",
     "test": "vitest --typecheck --run ",
     "test:watch": "vitest --watch",
-    "type-tests": "yarn tsc -p tsconfig.test.json --noEmit",
+    "type-tests": "pnpm exec tsc -p tsconfig.test.json --noEmit",
     "size": "size-limit"
   },
   "files": [
@@ -264,10 +248,10 @@
   "dependencies": {
     "@standard-schema/spec": "^1.1.0",
     "@standard-schema/utils": "^0.3.0",
-    "immer": "^11.1.15",
+    "immer": "^11.1.18",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0",
-    "reselect": "^5.2.0"
+    "reselect": "^5.3.0"
   },
   "peerDependencies": {
     "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
@@ -294,17 +278,17 @@
       },
       "immer": {
         "from": "^11.0.0",
-        "to": "^11.1.15"
+        "to": "^11.1.18"
       },
       "reselect": {
         "from": "^5.1.0",
-        "to": "^5.2.0"
+        "to": "^5.3.0"
       }
     },
     "depsUpdated": 3,
     "originalPackage": "@reduxjs/toolkit",
-    "originalVersion": "2.12.0",
-    "processedAt": "2026-07-21T17:20:38.831Z",
+    "originalVersion": "2.13.0",
+    "processedAt": "2026-09-29T08:13:47.731Z",
     "smokeTest": "passed"
   }
 }

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

@@ -6,16 +6,16 @@ description: >
   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"
+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"
+  - '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
@@ -97,9 +97,7 @@ export function PostsList() {
 
   return (
     <button
-      onClick={() =>
-        dispatch(postAdded({ id: 'p2', title: 'Write docs' }))
-      }
+      onClick={() => dispatch(postAdded({ id: 'p2', title: 'Write docs' }))}
     >
       {posts.length}
     </button>
@@ -128,7 +126,7 @@ export type RootState = ReturnType<AppStore['getState']>
 export type AppDispatch = AppStore['dispatch']
 
 // file: src/app/StoreProvider.tsx
-'use client'
+;('use client')
 
 import { useState, type ReactNode } from 'react'
 import { Provider } from 'react-redux'
@@ -204,7 +202,10 @@ const mapState = (state: { counter: { value: number } }) => ({
 })
 const mapDispatch = { increment }
 
-function Counter({ value, increment }: ReturnType<typeof mapState> & typeof mapDispatch) {
+function Counter({
+  value,
+  increment,
+}: ReturnType<typeof mapState> & typeof mapDispatch) {
   return <button onClick={() => increment()}>{value}</button>
 }
 
@@ -239,7 +240,11 @@ Wrong:
 import { Provider } from 'react-redux'
 import { makeStore } from '../lib/store'
 
-export function StoreProvider({ children }: { children: import('react').ReactNode }) {
+export function StoreProvider({
+  children,
+}: {
+  children: import('react').ReactNode
+}) {
   const store = makeStore()
   return <Provider store={store}>{children}</Provider>
 }
@@ -254,7 +259,11 @@ import { useState } from 'react'
 import { Provider } from 'react-redux'
 import { makeStore } from '../lib/store'
 
-export function StoreProvider({ children }: { children: import('react').ReactNode }) {
+export function StoreProvider({
+  children,
+}: {
+  children: import('react').ReactNode
+}) {
   const [store] = useState(makeStore)
   return <Provider store={store}>{children}</Provider>
 }

package/skills/build-modern-redux-apps/modern-redux/references/store-lifetime.md

@@ -2,11 +2,11 @@
 
 ## Decision table
 
-| Environment | Default store shape | Why |
-| --- | --- | --- |
-| Client-only SPA | One module-level singleton store | There is one browser session and no cross-request leakage risk. |
-| SSR-heavy React app | `makeStore()` plus provider-local state | Each request needs its own store instance, but that instance must stay stable across client renders. |
-| Non-React integration code | Direct store access can be acceptable | This is outside the React context boundary and should stay out of UI components. |
+| Environment                | Default store shape                     | Why                                                                                                  |
+| -------------------------- | --------------------------------------- | ---------------------------------------------------------------------------------------------------- |
+| Client-only SPA            | One module-level singleton store        | There is one browser session and no cross-request leakage risk.                                      |
+| SSR-heavy React app        | `makeStore()` plus provider-local state | Each request needs its own store instance, but that instance must stay stable across client renders. |
+| Non-React integration code | Direct store access can be acceptable   | This is outside the React context boundary and should stay out of UI components.                     |
 
 ## SPA pattern
 
@@ -38,7 +38,7 @@ export const makeStore = () =>
   })
 
 // file: src/app/StoreProvider.tsx
-'use client'
+;('use client')
 
 import { useState, type ReactNode } from 'react'
 import { Provider } from 'react-redux'

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

@@ -5,12 +5,12 @@ description: >
   event-style actions, reducer-owned state transitions, derived data, or a
   debugging model for Redux Toolkit apps.
 type: core
-library: "@reduxjs/toolkit"
-library_version: "2.11.2"
+library: '@reduxjs/toolkit'
+library_version: '2.11.2'
 sources:
-  - "reduxjs/redux:docs/tutorials/fundamentals/part-2-concepts-data-flow.md"
-  - "reduxjs/redux:docs/tutorials/essentials/part-3-data-flow.md"
-  - "reduxjs/redux:docs/style-guide/style-guide.md"
+  - 'reduxjs/redux:docs/tutorials/fundamentals/part-2-concepts-data-flow.md'
+  - 'reduxjs/redux:docs/tutorials/essentials/part-3-data-flow.md'
+  - 'reduxjs/redux:docs/style-guide/style-guide.md'
 ---
 
 # Redux Dataflow
@@ -134,9 +134,7 @@ const selectFilter = (state: RootState) => state.posts.filter
 export const selectVisiblePosts = createSelector(
   [selectPosts, selectFilter],
   (posts, filter) =>
-    filter === 'all'
-      ? posts
-      : posts.filter((post) => post.published),
+    filter === 'all' ? posts : posts.filter((post) => post.published),
 )
 ```
 
@@ -159,7 +157,9 @@ if (post) {
 Correct:
 
 ```ts
-store.dispatch(postUpdated({ id: 'p1', changes: { title: 'Changed in place' } }))
+store.dispatch(
+  postUpdated({ id: 'p1', changes: { title: 'Changed in place' } }),
+)
 ```
 
 Objects read from the store are still store state; mutating them outside reducers breaks immutability and stale-render assumptions.
@@ -171,7 +171,10 @@ Source: reduxjs/redux:docs/style-guide/style-guide.md
 Wrong:
 
 ```ts
-const nextPosts = [...selectPosts(store.getState()), { id: 'p2', title: 'Write docs' }]
+const nextPosts = [
+  ...selectPosts(store.getState()),
+  { id: 'p2', title: 'Write docs' },
+]
 store.dispatch(setPosts(nextPosts))
 ```
 

package/skills/evolve-and-diagnose-redux-apps/debug-redux-toolkit-apps/SKILL.md

@@ -6,15 +6,15 @@ description: >
   Toolkit and RTK Query bugs. Covers a practical event -> reducer -> selector ->
   render debugging loop plus RTK Query cache interpretation.
 type: lifecycle
-library: "@reduxjs/toolkit"
-library_version: "2.11.2"
+library: '@reduxjs/toolkit'
+library_version: '2.11.2'
 requires:
   - build-modern-redux-apps/redux-dataflow
 sources:
-  - "reduxjs/redux:docs/style-guide/style-guide.md"
-  - "reduxjs/redux:docs/tutorials/essentials/part-5-async-logic.md"
-  - "reduxjs/redux:docs/tutorials/essentials/part-8-rtk-query-advanced.md"
-  - "reduxjs/redux-toolkit:docs/usage/usage-guide.md"
+  - 'reduxjs/redux:docs/style-guide/style-guide.md'
+  - 'reduxjs/redux:docs/tutorials/essentials/part-5-async-logic.md'
+  - 'reduxjs/redux:docs/tutorials/essentials/part-8-rtk-query-advanced.md'
+  - 'reduxjs/redux-toolkit:docs/usage/usage-guide.md'
 ---
 
 # Debug Redux Toolkit Apps

package/skills/evolve-and-diagnose-redux-apps/migrate-to-modern-redux/SKILL.md

@@ -6,15 +6,15 @@ description: >
   createSlice, codemod-assisted RTK 2 updates, and replacing server-data stacks
   with RTK Query instead of writing new legacy Redux code.
 type: lifecycle
-library: "@reduxjs/toolkit"
-library_version: "2.11.2"
+library: '@reduxjs/toolkit'
+library_version: '2.11.2'
 requires:
   - build-modern-redux-apps/modern-redux
 sources:
-  - "reduxjs/redux-toolkit:docs/usage/migrating-to-modern-redux.mdx"
-  - "reduxjs/redux-toolkit:docs/usage/migrating-rtk-2.md"
-  - "reduxjs/redux-toolkit:packages/rtk-codemods/README.md"
-  - "reduxjs/redux:docs/style-guide/style-guide.md"
+  - 'reduxjs/redux-toolkit:docs/usage/migrating-to-modern-redux.mdx'
+  - 'reduxjs/redux-toolkit:docs/usage/migrating-rtk-2.md'
+  - 'reduxjs/redux-toolkit:packages/rtk-codemods/README.md'
+  - 'reduxjs/redux:docs/style-guide/style-guide.md'
 ---
 
 # Migrate To Modern Redux
@@ -174,8 +174,7 @@ Correct:
 ```ts
 configureStore({
   reducer,
-  middleware: (getDefaultMiddleware) =>
-    getDefaultMiddleware().concat(logger),
+  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
 })
 ```
 

package/skills/manage-server-data/adopt-rtk-query/SKILL.md

@@ -5,17 +5,17 @@ description: >
   layer. Covers createApi, store integration, hooks, invalidation behavior,
   optimistic updates, and deciding when RTK Query is the right cache model.
 type: lifecycle
-library: "@reduxjs/toolkit"
-library_version: "2.11.2"
+library: '@reduxjs/toolkit'
+library_version: '2.11.2'
 requires:
   - build-modern-redux-apps/modern-redux
 sources:
-  - "reduxjs/redux-toolkit:docs/rtk-query/api/createApi.mdx"
-  - "reduxjs/redux-toolkit:docs/rtk-query/usage/automated-refetching.mdx"
-  - "reduxjs/redux-toolkit:docs/rtk-query/usage/manual-cache-updates.mdx"
-  - "reduxjs/redux-toolkit:docs/rtk-query/usage/persistence-and-rehydration.mdx"
-  - "reduxjs/redux-toolkit:docs/tutorials/rtk-query.mdx"
-  - "reduxjs/redux:docs/style-guide/style-guide.md"
+  - 'reduxjs/redux-toolkit:docs/rtk-query/api/createApi.mdx'
+  - 'reduxjs/redux-toolkit:docs/rtk-query/usage/automated-refetching.mdx'
+  - 'reduxjs/redux-toolkit:docs/rtk-query/usage/manual-cache-updates.mdx'
+  - 'reduxjs/redux-toolkit:docs/rtk-query/usage/persistence-and-rehydration.mdx'
+  - 'reduxjs/redux-toolkit:docs/tutorials/rtk-query.mdx'
+  - 'reduxjs/redux:docs/style-guide/style-guide.md'
 ---
 
 # Adopt RTK Query
@@ -315,9 +315,11 @@ import { useAppDispatch } from '../../app/hooks'
 const dispatch = useAppDispatch()
 
 useEffect(() => {
-  dispatch(api.util.updateQueryData('getPosts', undefined, (draft) => {
-    draft.push({ id: 'p3', title: 'Patched from component' })
-  }))
+  dispatch(
+    api.util.updateQueryData('getPosts', undefined, (draft) => {
+      draft.push({ id: 'p3', title: 'Patched from component' })
+    }),
+  )
 }, [dispatch])
 ```
 

package/skills/model-redux-state/build-slices-and-selectors/SKILL.md

@@ -6,17 +6,17 @@ description: >
   Immer-backed mutation syntax, slice selectors, getSelectors, injectInto,
   withLazyLoadedSlices, and current RTK 2 slice patterns.
 type: core
-library: "@reduxjs/toolkit"
-library_version: "2.11.2"
+library: '@reduxjs/toolkit'
+library_version: '2.11.2'
 requires:
   - model-redux-state/design-state-ownership
 sources:
-  - "reduxjs/redux-toolkit:docs/api/createSlice.mdx"
-  - "reduxjs/redux-toolkit:docs/api/combineSlices.mdx"
-  - "reduxjs/redux-toolkit:docs/api/createEntityAdapter.mdx"
-  - "reduxjs/redux-toolkit:docs/usage/immer-reducers.md"
-  - "reduxjs/redux-toolkit:docs/usage/migrating-rtk-2.md"
-  - "reduxjs/redux:docs/style-guide/style-guide.md"
+  - 'reduxjs/redux-toolkit:docs/api/createSlice.mdx'
+  - 'reduxjs/redux-toolkit:docs/api/combineSlices.mdx'
+  - 'reduxjs/redux-toolkit:docs/api/createEntityAdapter.mdx'
+  - 'reduxjs/redux-toolkit:docs/usage/immer-reducers.md'
+  - 'reduxjs/redux-toolkit:docs/usage/migrating-rtk-2.md'
+  - 'reduxjs/redux:docs/style-guide/style-guide.md'
 ---
 
 # Build Slices And Selectors
@@ -49,13 +49,19 @@ export const postsSlice = createAppSlice({
   name: 'posts',
   initialState,
   reducers: (create) => ({
-    postAdded: create.reducer<{ id: string; title: string }>((state, action) => {
-      state.items.push({ ...action.payload, published: false })
-    }),
+    postAdded: create.reducer<{ id: string; title: string }>(
+      (state, action) => {
+        state.items.push({ ...action.payload, published: false })
+      },
+    ),
     fetchPosts: create.asyncThunk(
       async () => {
         const response = await fetch('/api/posts')
-        return (await response.json()) as { id: string; title: string; published: boolean }[]
+        return (await response.json()) as {
+          id: string
+          title: string
+          published: boolean
+        }[]
       },
       {
         pending: (state) => {
@@ -145,7 +151,10 @@ const createAppSlice = buildCreateSlice({
 
 const usersSlice = createAppSlice({
   name: 'users',
-  initialState: { items: [] as { id: string; name: string }[], status: 'idle' as 'idle' | 'pending' | 'failed' },
+  initialState: {
+    items: [] as { id: string; name: string }[],
+    status: 'idle' as 'idle' | 'pending' | 'failed',
+  },
   reducers: (create) => ({
     fetchUsers: create.asyncThunk(
       async () => {
@@ -253,7 +262,10 @@ Source: reduxjs/redux-toolkit:docs/usage/immer-reducers.md
 Wrong:
 
 ```ts
-export default function todosReducer(state = initialState, action: { type: string; payload?: Todo }) {
+export default function todosReducer(
+  state = initialState,
+  action: { type: string; payload?: Todo },
+) {
   switch (action.type) {
     case 'todos/todoAdded':
       return state.concat(action.payload as Todo)

package/skills/model-redux-state/design-state-ownership/SKILL.md

@@ -5,12 +5,12 @@ description: >
   state, or another external source. Covers state ownership, authority
   boundaries, slice sizing, and when to move or split data as the app evolves.
 type: core
-library: "@reduxjs/toolkit"
-library_version: "2.11.2"
+library: '@reduxjs/toolkit'
+library_version: '2.11.2'
 sources:
-  - "reduxjs/redux:docs/style-guide/style-guide.md"
-  - "reduxjs/redux:docs/tutorials/essentials/part-2-app-structure.md"
-  - "reduxjs/redux:docs/tutorials/essentials/part-4-using-data.md"
+  - 'reduxjs/redux:docs/style-guide/style-guide.md'
+  - 'reduxjs/redux:docs/tutorials/essentials/part-2-app-structure.md'
+  - 'reduxjs/redux:docs/tutorials/essentials/part-4-using-data.md'
 ---
 
 # Design State Ownership
@@ -110,9 +110,7 @@ const selectPosts = (state: RootState) => state.posts.items
 const selectVisiblePosts = createSelector(
   [selectPosts, (_state: RootState, filter: string) => filter],
   (posts, filter) =>
-    filter === 'published'
-      ? posts.filter((post) => post.published)
-      : posts,
+    filter === 'published' ? posts.filter((post) => post.published) : posts,
 )
 
 export function PostsList() {
@@ -160,7 +158,8 @@ Wrong:
 ```tsx
 import { useAppSelector } from '../../app/hooks'
 
-const selectDraftTitle = (state: { draft: { title: string } }) => state.draft.title
+const selectDraftTitle = (state: { draft: { title: string } }) =>
+  state.draft.title
 
 const title = useAppSelector(selectDraftTitle)
 ```
@@ -190,9 +189,9 @@ function PostsPage() {
   const [searchParams] = useSearchParams()
   const dispatch = useAppDispatch()
 
-useEffect(() => {
-  dispatch(filterChanged(searchParams.get('filter') ?? 'all'))
-}, [dispatch, searchParams])
+  useEffect(() => {
+    dispatch(filterChanged(searchParams.get('filter') ?? 'all'))
+  }, [dispatch, searchParams])
 
   return null
 }

package/skills/model-redux-state/design-state-ownership/references/state-ownership.md

@@ -2,12 +2,12 @@
 
 ## Choose the owner, then the tool
 
-| Kind of state | Default owner | Typical tool |
-| --- | --- | --- |
-| Editable form fields | Component | `useState` |
-| Shared mutable app data | Redux | Slice state |
-| Server cache | RTK Query | `createApi` |
-| URL, pathname, search params | Router | Router APIs plus selector inputs |
+| Kind of state                              | Default owner   | Typical tool                             |
+| ------------------------------------------ | --------------- | ---------------------------------------- |
+| Editable form fields                       | Component       | `useState`                               |
+| Shared mutable app data                    | Redux           | Slice state                              |
+| Server cache                               | RTK Query       | `createApi`                              |
+| URL, pathname, search params               | Router          | Router APIs plus selector inputs         |
 | Browser-only authority like `localStorage` | External source | Read at boundaries, then dispatch events |
 
 ## Good reasons to move data into Redux

package/skills/orchestrate-side-effects/handle-side-effects/SKILL.md

@@ -6,15 +6,15 @@ description: >
   workflows, listener middleware setup, and keeping side effects out of
   reducers and UI components.
 type: core
-library: "@reduxjs/toolkit"
-library_version: "2.11.2"
+library: '@reduxjs/toolkit'
+library_version: '2.11.2'
 requires:
   - build-modern-redux-apps/redux-dataflow
 sources:
-  - "reduxjs/redux-toolkit:docs/api/createAsyncThunk.mdx"
-  - "reduxjs/redux-toolkit:docs/api/createListenerMiddleware.mdx"
-  - "reduxjs/redux:docs/style-guide/style-guide.md"
-  - "reduxjs/redux:docs/tutorials/essentials/part-5-async-logic.md"
+  - 'reduxjs/redux-toolkit:docs/api/createAsyncThunk.mdx'
+  - 'reduxjs/redux-toolkit:docs/api/createListenerMiddleware.mdx'
+  - 'reduxjs/redux:docs/style-guide/style-guide.md'
+  - 'reduxjs/redux:docs/tutorials/essentials/part-5-async-logic.md'
 ---
 
 # Handle Side Effects
@@ -54,8 +54,10 @@ export const store = configureStore({
 export type RootState = ReturnType<typeof store.getState>
 export type AppDispatch = typeof store.dispatch
 
-export const startAppListening =
-  listenerMiddleware.startListening.withTypes<RootState, AppDispatch>()
+export const startAppListening = listenerMiddleware.startListening.withTypes<
+  RootState,
+  AppDispatch
+>()
 ```
 
 ## Core Patterns
@@ -186,14 +188,17 @@ Correct:
 ```ts
 import { createAsyncThunk } from '@reduxjs/toolkit'
 
-const todoSaved = createAsyncThunk('todos/save', async (todo: { id: string }) => {
-  await fetch('/api/todos', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(todo),
-  })
-  return todo
-})
+const todoSaved = createAsyncThunk(
+  'todos/save',
+  async (todo: { id: string }) => {
+    await fetch('/api/todos', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(todo),
+    })
+    return todo
+  },
+)
 ```
 
 Reducers must stay pure even when Immer is available.
@@ -205,14 +210,13 @@ Source: reduxjs/redux:docs/style-guide/style-guide.md
 Wrong:
 
 ```ts
-export const waitForSave = () => async (
-  _dispatch: unknown,
-  getState: () => { docs: { status: string } },
-) => {
-  while (getState().docs.status !== 'saved') {
-    await new Promise((resolve) => setTimeout(resolve, 100))
+export const waitForSave =
+  () =>
+  async (_dispatch: unknown, getState: () => { docs: { status: string } }) => {
+    while (getState().docs.status !== 'saved') {
+      await new Promise((resolve) => setTimeout(resolve, 100))
+    }
   }
-}
 ```
 
 Correct:

package/skills/orchestrate-side-effects/handle-side-effects/references/listener-workflows.md

@@ -2,11 +2,11 @@
 
 ## Decision table
 
-| Need | Reach for |
-| --- | --- |
-| Cached server data | RTK Query |
+| Need                                                       | Reach for                     |
+| ---------------------------------------------------------- | ----------------------------- |
+| Cached server data                                         | RTK Query                     |
 | One imperative async workflow with `dispatch` / `getState` | `createAsyncThunk` or a thunk |
-| React to later actions or state transitions | `createListenerMiddleware` |
+| React to later actions or state transitions                | `createListenerMiddleware`    |
 
 A good app often mixes imperative and reactive workflows. The split is by job, not by ideology.
 

package/src/autoBatchEnhancer.ts

@@ -21,6 +21,8 @@ const createRafWithFallbackTimer = (
 ) => {
   return (notify: () => void) => {
     let called = false
+    let rafId: number
+    let timerId: ReturnType<typeof setTimeout>
     const callback = () => {
       if (called) return
       called = true
@@ -28,8 +30,8 @@ const createRafWithFallbackTimer = (
       clearTimeout(timerId)
       notify()
     }
-    const rafId = raf(callback)
-    const timerId = setTimeout(callback, timeout)
+    rafId = raf(callback)
+    timerId = setTimeout(callback, timeout)
   }
 }
 
@@ -52,7 +54,7 @@ export type AutoBatchOptions =
  * This can be added to `action.meta` manually, or by using the
  * `prepareAutoBatched` helper.
  *
- * By default, it will queue a notification for the end of the event loop tick.
+ * By default, it will queue a notification using `requestAnimationFrame`.
  * However, you can pass several other options to configure the behavior:
  * - `{type: 'tick'}`: queues using `queueMicrotask`
  * - `{type: 'timer', timeout: number}`: queues using `setTimeout`