Forwarding refs by multiple levels [Typescript / React]

Question

I\'m trying to follow atomic design principles, but I\'m not sure if I\'m doing it correctly. I have created three components: Form, ExpandableInput and Input. Input is HTML