react-redux | redux source code analysis | Frontend Framework library

I know this question has been asked multiple times but I cannot seem to find an answer. I have a component named DynamicTable which renders JSON as a data table. It has been tested in multiple other pages and works correctly. Here I have put it into a React-Bootstrap tab container. The data pull works correctly but the page is not re-rendering when the fetch is complete.

Here is the code I am using

I want to create a Redux slice for the users inside the project I work on. I have this code sandbox and I do not know why there is the following error on the fetchAll call in the MyButton.tsx file:

fetchAll(arg: any): AsyncThunkAction

Expected 1 arguments, but got 0.

createAsyncThunk.d.ts(107, 118): An argument for 'arg' was not provided.

I have similar code in the project I work on and it does not have this error. I expected this to work just as it does in other similar files.

The relevant files from the sandbox:

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

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

Error I'm getting Anytime I run npm test:

I tried to install sass-loader to compile scss, but it shows a version compatibility error. I downgrade the version and did so many things, but still shows the same issue.

React version- 17.0.2 node version- 16.2.0 npm version - 7.13.0

Package.json

I am using redux to update an array of characters as a user types or erases it, so that when the user correctly types the entire phrase I can set a success flag.

So far when typing in characters the redux type SET_INPUT fires off and updates my state but unfortunately my REMOVE_INPUT doesn't seem to fire off but it does however reach the action.

My Reducer: import { GET_PHRASE, SET_LOADING, SET_INPUT, REMOVE_INPUT } from "../types";

I am trying to implement Product search by text. Fetching data with react-query. The following implementation is working but it does not feel right to me. Let me know if I am overdoing it and if there is a simpler solution with react-query.