Correct types to pass props down to children in react typescript. Error ts(2322)

Question

I have my code working in Javascript, but cannot make it work in typescript. The question might seem long and complex, but its not. I just wanted to post the working JS code to