const Foo: FooComponent = ({
  name: string,
  test: number,
}) => {
  return (
    <>
      <h1>hello, {name}</h1>
      <div>{test}</div>
    </>
  );
};

const Bar: BarComponent = () => {
  return (
    <>
      <Foo name="aaa" test={1} />
    </>
  );
};