I'm using a create-react-app with the npm package 'concurrently' so that I can run npm run dev to start a back end server and a front end react application. Nodemon is in play for the sever files.

On the front end, some data is pulled from the server through a useEffect hook and returned through a component.

The development operation goes like this:

When I change a server (backend) file, nodemon restarts the sever. That's all - perhaps as expected.

When I change a server (backend) file, and then save a frontend file (no change to the file, just a save operation), the react app re-compiles but the sever data displayed on screen does not update.

When I change a server (backend) file, then change a frontend file and then save it, I get a refresh of the react app and the server data on screen updates.

At present, there is a save operation required to a changed frontend file to reflect server changes on screen. This is almost as annoying / time consuming as just refreshing the browser.

Is there any way to accomplish the following workflow:

1. A change is made to a server file, server.js
2. Nodemon restarts the server, server.js
3. The associated (same project) React app recomplies
4. The new sever data is automatically returned to screen