React ~ How to Re-Render Data that User Inputs

In this App, student data is pulled from an API, new Tags can be added for each student by clicking the PLUS button on a card.

ISSUE: the tags DON’T render on the screen immediately after they are inputed. They will only render after the drop down is closed and opened again or if a number of tags are entered consecutively.

The project and code can be found here:

The Tags.js component is called in Card.js
I’ve tried different ways to use useEffect to re-render the tags but have been unsuccessful thus far…