React-Ecommerce | : purse : Personal Project : E-Commerce website with React | Frontend Framework library

i am trying to build basic e-cart. My problem is that during sign up , information coming from the server is store in redux store and i also store in localstorage , it also save there , but sign up page is not redirecting to home page , in case of successful sign up. Here i am applying logic that if user is not null in store than it should be redirected to home page. It is only working when i manually refresh page , and then all time it works fine. So how to deal with this problem?

Here is my App.js file code

I am creating an app using only functional components. I am using ContextAPI and Context.Provider breaks the router. Every time I click on a link the app freezes. I found the solution in rendering component provider and router separately but I don't know how to do it. How exactly should I rewrite this?

I am studying Redux but I'm having problems to understand it properly. Now I am building a personal project with it to learn it.

I have this "Settings button" (actually, it is a list item) on the navbar. When I click it, I want that another component shows itself. This will be the component. This component has a "Close button" to hide.

My idea is to have a property on the redux global store like this: settingsOpen: false and when I click on the button it becomes true and the component appears and vice-versa. The close button always set the property equal to false and close the component.

Here you can find all the code: https://github.com/lbluigi/react-ecommerce

Anyway, I think the important parts are:

Header.js component

This is the list item clicked that would toggle the Settings component.