reducer | predictable reactive framework for Rust apps | Reactive Programming library

I don't understand the error I am facing. Whenever I start the react server, My App gets crashed without even dispatching a redux action I tried console logging the action object and it is undefined and also all the actions that I have Written are proper. Can't Find the problem

My Reducer File

I am getting Request Failed error when I am tying to logging in through frontend:

But, I am able to, when I am entering emailID and password through thunder client:

I am entering correct ID and password here is my request:

but what I am getting in return is:

Here is my source code:

userAction.js

I'm really new on React, Redux. I am trying to display the selected value from dropdown, uses semantic ui. I updated at state but can not show the value on the screen, and the dropdown not close (after added closeOnChange- not recognize this attribute, why?}

** Component.js**

What I am tying to do is when the user clicks on sign in button my action gets dispatch with email and password. But, my action is not getting dispatched. Like when I checked my redux-dev-tools it is not showing anything:

There are no error message in console. I checked other answer's but nothing helped.

Here is the source code:

LoginScreen.js

I am using antd form to create a list of task, each form has "submit" and "cancel" button, Whenever the user creates a task, generates a new form. I kept the number of tasks count as form id. But while on changing the fields, I have to get the form Id, but the form Id is updating with the task count value.

Create Task.js

Using semantic ui , Initialize the prop at father component : isFavorite = false can't catch the value after clickig at icon , how i fill the star to diff color (by add attribute? styleColor={isFavorite : color:"red" : color:"white" })

component.js const ProductDetails = () => {

I'm getting this error Unhandled Rejection (TypeError): state.push is not a function while using redux thunk but while refrshing the page after error, new word is getting added to the DB.

Below is my code.

I created an App with some components and using the redux-saga in the following component:

I am learning Redux Thunk now. I tried to use createAsyncThunk from Redux Toolkit to deal with user log in and I encountered some problems. I created a demo here ('right@gmail.com' + whatever password => success, other combination => rejection).

I created a modal for users to input their emails and passwords using reactstrap. Click the Login button then you will see the form.

Here is my UserSlice.js file: