有没有办法使用navlink在Reactjs中的页面之间传递信息？

import { NavLink } from 'react-router-dom';

const MyComponent = () => {
  const data = {
    name: 'John',
    age: 25,
    email: 'john@example.com'
  };

  return (
    <NavLink to={{
      pathname: '/other-page',
      state: { data }
    }}>
      Go to Other Page
    </NavLink>
  );
};

import { useLocation } from 'react-router-dom';

const OtherPage = () => {
  const location = useLocation();
  const data = location.state.data;

  return (
    <div>
      <h1>{data.name}</h1>
      <p>{data.age}</p>
      <p>{data.email}</p>
    </div>
  );
};