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

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