在使用@reach/router和Gatsby时，可以传递我自己的道具吗？

import { Router, Route } from "@reach/router";

const MyComponent = ({ myProp }) => {
  return <div>{myProp}</div>;
};

const App = () => {
  return (
    <Router>
      <Route path="/" component={MyComponent} myProp="Hello, World!" />
    </Router>
  );
};

export default App;

import { Link } from "gatsby";

const MyComponent = ({ location }) => {
  const myProp = location.state && location.state.myProp;

  return <div>{myProp}</div>;
};

const IndexPage = () => {
  return (
    <div>
      <Link to="/my-page" state={{ myProp: "Hello, Gatsby!" }}>
        Go to My Page
      </Link>
    </div>
  );
};

export default IndexPage;