在 Next.js 中使用链接组件重新输入相同的 url 时，prefetchQuery 不会提取数据 （SSR）

问：

我正在使用 Next.js 和 React Query 进行 SSR。

在重新进入确切的动态路由（例如）之前，一切都很好。domain/support/guide/faq/[id]

预期的行为是在不提取查询数据的情况下呈现，因为我对组件使用了 SSR。

请检查我的代码

// PAGE, I pass the query string to the <FAQContent /> Component

export default function FAQDetailPage({ id }: { id: string }) {

  return <FAQContent id={id} category={"faq"} />;
}

export async function getServerSideProps({
  query: { id },
}: {
  query: { id: string };
}) {
  const queryClient = new QueryClient();

  try {
    await queryClient.prefetchQuery(["support", "faq", id], () => {
      return sendRequest({
        method: "get",
        path: `/article/${id}`,
        apiType: "Contents",
      });
    });
  } catch (e) {
    return {
      redirect: {
        destination: "/",
        permanent: false,
      },
    };
  }

  const dehydratedQueryClient = dehydrate(queryClient);

  const targetQuery = dehydratedQueryClient.queries[0];

  const targetQueryState = targetQuery.state as any;

  return {
    props: {
      dehydratedState: {
        ...dehydratedQueryClient,
        queries: [
          {
            ...dehydrate(queryClient).queries[0],
            state: {
              ...targetQueryState,
              data: targetQueryState.data.data,
            },
          },
        ],
      },
      id,
    },
  };
}

// Get id and category from the page, and pass to <SupportBoardContent />

export default function FAQContent({
  id,
  category,
}: {
  id: string;
  category: string;
}) {

  return <SupportBoardContent id={id} category={category} />;
}

// Here is the component where hydrate the dehydrated query

export default function SupportBoardContent({
  id,
  category,
}: {
  id: string;
  category: string;
}) {
  const router = useRouter();

  const { pathname } = router;

  // This is a hook for useQuery.
  const {
    data: boardContent,
    ResponseHandler: ResponseHandlerOfGetBoardContent,
  } = SUPPORT_QUERY.useGetBoardContent({
    id,
    category,
  });

  const { title, contents, memo, videoURL, articleType } =
    boardContent?.targetArticle || {};


  return (
    <SupportLayout>

      {boardContent && (
        <CommonStyled.mainContainer>
          <SupportBreadcrumb title={title} />
          <BoardPageTitle titleStyle="default">
            {getArticleBoardTypeString(articleType)}
          </BoardPageTitle>
          <BoardContent
            title={title}
            annotation={memo}
            desc={contents}
            videoURL={videoURL}
          />
        </CommonStyled.mainContainer>
      )}
    </SupportLayout>
  );
}

当组件安装在其第一个组件上时，没有任何问题。一切都符合我的预期。但是，有一个组件。<SupportBreadCrumb />

在 中，我使用 from .每当我尝试使用 Component 进入同一页面时，from 都是未定义的。<SupportBreadCrumb />LinkNext/linkLinkdatauseQueryHook

id 不是未定义的，类别不是未定义的。但数据未定义。

我正在为这个问题苦苦挣扎了几个小时，需要一些指导。

从这篇文章中，我想知道：

1. 使用 SSR 时，使用 from Next.js 是否不是正确的行为？通过使用，我听说第一页的渲染是 SSR 条件，但做 CSR 后记。LinkLink

2. 我想知道为什么不获取数据，甚至准备好参数。useQueryid