function Deep({ value }: { value: string }) {
  return <strong>{value}</strong>;
}

// Middle just forwards the prop downward
function Middle({ value }: { value: string }) {
  return <Deep value={value} />;
}

function Top() {
  return <Middle value="hello" />;
}

export default Top;

pass a prop through an intermediate component