ensure reselect 5.1 and demo .withTypes

Author: EskiMojo14

examples/lazy-injection/kitchen-sink/src/features/todos/commentSlice.ts

@@ -1,4 +1,3 @@
-import type { EntityState } from "@reduxjs/toolkit"
 import { createEntityAdapter, createSelector, nanoid } from "@reduxjs/toolkit"
 import { createAppSlice } from "../../app/createAppSlice"
 import { deleteTodo } from "./todoSlice"
@@ -13,9 +12,14 @@ export const commentAdapter = createEntityAdapter<Comment>()
 
 const localisedSelectors = commentAdapter.getSelectors()
 
+const initialState = commentAdapter.getInitialState()
+
+const createCommentSliceSelector =
+  createSelector.withTypes<typeof initialState>()
+
 export const commentSlice = createAppSlice({
   name: "comments",
-  initialState: commentAdapter.getInitialState(),
+  initialState,
   reducers: {
     addComment: {
       reducer: commentAdapter.setOne,
@@ -29,7 +33,7 @@ export const commentSlice = createAppSlice({
     builder.addCase(deleteTodo, (state, action) => {
       commentAdapter.removeMany(
         state,
-        state.ids.filter(id => state.entities[id]?.todoId === action.payload),
+        state.ids.filter(id => state.entities[id]?.todoId === action.payload)
       )
     })
   },
@@ -39,11 +43,10 @@ export const commentSlice = createAppSlice({
     selectCommentEntities: localisedSelectors.selectEntities,
     selectCommentIds: localisedSelectors.selectIds,
     selectCommentTotal: localisedSelectors.selectTotal,
-    selectCommentsByTodoId: createSelector(
-      localisedSelectors.selectAll,
-      (_state: EntityState<Comment, string>, todoId: string) => todoId,
+    selectCommentsByTodoId: createCommentSliceSelector(
+      [localisedSelectors.selectAll, (_state, todoId: string) => todoId],
       (comments, todoId) =>
-        comments.filter(comment => comment.todoId === todoId),
+        comments.filter(comment => comment.todoId === todoId)
     ),
   },
 })

yarn.lock

@@ -26954,9 +26954,9 @@ fsevents@^1.2.7:
   linkType: hard
 
 "reselect@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "reselect@npm:5.0.1"
-  checksum: 7663b4c28a0e908e74dc25262e1d813d028b9c2ee96160cb0f40a16f09c5ac632fa16af6bafede7eb0ff16ab2d5bea2cd8814d9a9488e0262b8317fef90b1dc0
+  version: 5.1.0
+  resolution: "reselect@npm:5.1.0"
+  checksum: 5bc9c5d03d7caea00d0c0e24330bf23d91801227346fec1cef6a60988ab8d3dd7cee76e6994ca0915bc1c20845bb2bd929b95753763e0a9db74c0f9dff5cb845
   languageName: node
   linkType: hard