redux-store | Vanilla TypeScript example of a Redux Store | State Container library

I have this project and it is a Todo project and I want to create a task, and the API of the task we have to pass three elements to it, the first is "todoListId", the second is "title", and the third is "Content".

The problem is that I want to pass "todoListId" but I couldn't pass it, how can I do that?

Through this file I passed the values "Title" and "Content" to the "CreateCardAction" function, but I still have to pass the "TodolistId", and I must pass "TodolistId" from the component "singleList", since it is inside Component "SingleList" I called component "TaskModal"

TaskModal.tsx:

I have a project and there is a “login” page on it, and after the user clicks on “login”, an interface should appear with all the lists for this user.

And in order for this data to appear immediately after the login process, I used "useEffect" and used the "GetAllListsAction" action that connects with the backend to fetch the data.

Note that I am using typescript.

And after searching, I found that several sites write this logic and they use "useState" and then use "setList" within the "use effect".

Like this example I got from a site:

I'm trying to do a project, and this project has lists, each with a title, and when I use Map, I have this error:

I have a project and in this project I have three pages, the first is for SignUp, the second is for Login, and the third is for Lists, in addition to the presence of a header. My problem is that I want to hide the header from the SignUp and Login page and show it only on the List page

How can i do that?

App.tsx:

I have the same problem as addressed in the following question. but with a different library. How to reset the state of a Redux store?

I am using redux-injectors from react-boilerplate and am using the enhancers provided from the library. I need to clear all the redux state on logout, but since my logout is on a separate global slice it can only affect the global slice and not other redux states. How do I clear all other states calling an action from global state?

Here's how I combine reducers:

First time working with redux with react.

Error in edge browser.

"Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers."

I searched on many posts like this. Redux store does not have a valid reducer

But I haven't find anything about this same exact issue:

store.js

Issue

I'm able to mock the cookie in Jest, but it won't change the state of my components once the cookie is mocked.

For example, when a user visits my app, I want to check if a cookie of ACCESS_TOKEN exists, if it exists, render a saying "Hi, Username".

When testing, I'm able to create the cookie and get the values with console.log(), but my component won't render the because the test does not think redux-store has the cookie.

Here's what my redux-store looks like (Redux store is not the problem, all my tests that does not rely on cookies and soley relies on store are working):

Root.tsx

I am trying to access redux-store in my helper function. My store looks like code below:

I want specific prop from route params and use it to filter data in redux-store.