material UIのButtonで画面遷移する際、その先のコンポーネントにpropsを渡したい

Question

Header.jsからlistに飛ぶ際、Material UIのButtonを使用しました。
listには飛ぶことができるのですが、同時にarrであるprojectsも一緒に渡したく、material UIを使いつつ同時にpropsを渡す方法がありましたらご教示いただけないでしょうか。

import React from 'react';
import Button from '@material-ui/core/Button';
import { Link } from "react-router-dom";

export const Header =(projects) => {
    console.log(projects)

    return (
        <>
        <div className="headerList">        
        <Button
          size="small"
          variant="contained"
          color="#000066"
          component={Link}
          to="/list"
          style={{ margin: "5px", fontSize: "20px", padding: "0" }}
        >
        ←
        </Button>
        <button type="submit" class="button">Sign Out</button>
        <h1>
            入稿要件管理表
        </h1> 
        </div>
        </>
    )
}

Answer 1

こちらそもそもコンポーネントの構造が間違っており、app.jsにおいてlistへpropsを渡すことで表示させることができました！