How do I fetch data in React parent Function Component first with a child Class Component?

Question

From the React Hooks FAQs, I noticed,

We don’t recommend rewriting your existing classes to Hooks unless you planned to rewrite them anyway (e.g. to fix bugs