ヘッダーの下に、SideBarコンポーネントを加えて、インポートします。
これらは、親コンポーネントで定義されているので、エラーが出ています。
なので、親コンポーネントから、SideBarコンポーネントにプロップスとして渡していきます。
＊プロップスとは？
コンポーネントにデータを渡すとき、そのデータを属性として指定することで、コンポーネントに対して必要な情報を送ることができます。
例えば、Card1コンポーネントに title と text 、Card2コンポーネントには number と onClick という自分で作った属性のようなものを使ってデータを渡しています。 これらの属性のようなものをReactではPropsと呼びます。