chore: refactor tasks reducer to export selectors

src/features/TodolistsList/TodolistsList.tsx

@@ -1,6 +1,5 @@
 import React, { useCallback, useEffect } from 'react'
 import { useSelector } from 'react-redux'
-import { AppRootState } from 'app/store'
 import {
   addTodolistTC,
   changeTodolistFilter,
@@ -13,6 +12,7 @@ import {
 import {
   addTaskTC,
   removeTaskTC,
+  selectTasks,
   TasksState,
   updateTaskTC,
 } from './tasks-reducer'
@@ -30,7 +30,7 @@ type Props = {
 
 export const TodolistsList: React.FC<Props> = ({ demo = false }) => {
   const todolists = useSelector(selectTodolists)
-  const tasks = useSelector<AppRootState, TasksState>((state) => state.tasks)
+  const tasks = useSelector(selectTasks)
   const isLoggedIn = useSelector(selectIsLoggedIn)
 
   const dispatch = useAppDispatch()

src/features/TodolistsList/tasks-reducer.ts

@@ -90,10 +90,13 @@ export const tasksSlice = createSlice({
         })
       })
   },
+  selectors: {
+    selectTasks: (state) => state,
+  },
 })
 
 export const { removeTask, setTasks, updateTask, addTask } = tasksSlice.actions
-
+export const { selectTasks } = tasksSlice.selectors
 export const fetchTasksTC =
   (todolistId: string): AppThunk =>
   (dispatch) => {