react-router | Declarative routing for React | Router library

I am building an app following the Rest Countries API challenge from frontendmentor (https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca). I have run into a problem. When clicking on the router link in countryDetail.js, the url changes but the component doesn't get re-rendered unless the page is refreshed.

CountryDetails.js

Hi am trying to do a CRUD application am able to do the add user but i got stock with the edit user Actually for my edit user page i just copied the add user page there and then modified it

This is what my app has to do: normally when i enter the edit user page it has to show me the user's existing information then on my part i can now modify it if i wish and then it is stored in my mysql database but it doesn't return anything i actually console logged it to see if it returns anything but it doesn't

package.json

I am building an app following the Rest Countries API challenge from frontendmentor. I have run into a problem. When trying to find the border countries full name using the alpha3code, I get the error : TypeError: Cannot read property 'name' of undefined.

I'm creating 2 pages (Summary and Cycles pages) using react.js.

On the Summary page, there is a column named CN that every item links to the Cycles page.

Summary page has a path /route/summary/location=abc and Cycles page has a path /route/cycle/location=abc/deviceId=4410

For example, if I click the value from CN column in the first row of the table inside the Summary page, I will be redirected to the Cycles page with the path /route/cycle/location=abc/deviceId=4410.

In the Summary page, I use https://github.com/react-bootstrap-table/react-bootstrap-table2 for the table component and I use a columnRenderer function inside columns.js to render a custom item inside the table like this one:

How can I put the pathname (example "abc") to a Link component inside cnColumnRenderer function in columns.js?

Summary page with the path: /route/summary/location=abc

Cycles page with the path: /route/cycle/location=abc/deviceId=4410

Error because of invalid hook call while rendering the Summary page

table code inside Summary page (inside Summary.js):

hint: focus on columns variable from './columns' and its implementation

Using "react-router-dom": "^5.2.0" and "react": "16.8.6",

I have this:

I have a fairly simple shopping app (the Odin Project Shopping Cart project) using react-router-dom. I am keeping the contents of the shopping cart in App component state, but when a new route is rendered, the component state is lost. How do I get the state to persist across route changes?

My App.js looks like this:

I'm working on a feature where client get's discount when buying a package.

The item on the left is fixed and doesn't change. It comes in package with the item on the right where client can choose a snowboard:

All I need is that when client chooses a size, but then swipes to the next snowboard the size chosen from the previous snowboard would be set back to default 'CHOOSE SIZE OPTION'.

Here is the code of the Parent Component:

I am trying to serve my react app from Nodejs, but I am getting a GET error which is odd because when I run npm start and run the react start script all works well, but once I use node.js it doesn't work. Also if I navigate to a route by typing it in or trying to navigate backward it throws an error. For example, when you first navigate to the homepage it takes you to a login page, and if I go to another page and then hit back it throws a GET error even though it worked beforehand.