Rendering a child component on pageload after timeout, then again once a certain condition is met.

I am trying to come up with a solution that causes the child component to re-render once a condition is met in the parent component.

Right now I pass a method as a prop to the child comoponet, when the setInterval is done I use that method to change to true.

Once that value changes to true, in the parent component I’ll make an api call to get new data and then trigger the child component to re-render, starting the setInterval again.

Here is a link to something that gets like 80% of the way there, just confused on how to make it trigger again.

https://codesandbox.io/s/keen-vaughan-2f5cw