Please note, the current layout/component nesting is temporary as I flush out the layout and functionality. If you have recommendations on how to adjust nesting of components to make this work more smoothly I am open doing that.
The layout/nesting of the components is as follows:
App.js
> TabPanel.js
> Strike.js
> Table component (as seen on left of image above)
> CreateStrike.js (as seen on right of image above)
I utilize the useQuery method to call the database and populate the Table component. In the nested CreateStrike.js I use the useMutation method to write to the database. It was my understanding that I would need to use useEffect to update the table on the left. I tried following several examples, and have read the React Hooks useEffect and looked over the link you sent. So I figure I am missing something simple.