有没有可能用next.js将动态道具从一个页面传递到另一个页面？

// pages/[propId].js

import { useRouter } from 'next/router';

const PropPage = ({ propId }) => {
  return (
    <div>
      <h1>动态道具页面</h1>
      <p>传递的道具ID: {propId}</p>
    </div>
  );
};

export async function getServerSideProps(context) {
  const { propId } = context.query;

  return {
    props: {
      propId,
    },
  };
}

export default PropPage;

// pages/index.js

import Link from 'next/link';

const HomePage = () => {
  return (
    <div>
      <h1>首页</h1>
      <Link href="/dynamic-prop">
        <a>跳转到动态道具页面</a>
      </Link>
    </div>
  );
};

export default HomePage;