NextJS中的一个新更新出来了（带app router）。我真的被客户端/服务器端组件关系搞糊涂了。我现在正在试用它，它在文档中说：
“使用客户端”位于仅服务器代码和客户端代码之间。它被放置在文件的顶部，在导入之上，以定义它从仅服务器到客户端部分的边界的截止点。一旦在文件中定义了“use client”，导入到其中的所有其他模块包括子组件都被视为client bundle的一部分。
下面是我的代码（Child.tsx）：

import Parent from "./Parent";
import React, { useState } from 'react';

export default function Child() {
    const [s, ss] = useState(null);

    return (
        <div>child</div>
    )
}

父.tsx：

'use client';
import React, { useState } from 'react'

export default function Parent({children} : {
    children: React.ReactNode
}) {
    const [s, ss] = useState(null);

    return (
        <div>{children}</div>
    )
}

page.tsx：

import Child from "./Child";
import Parent from "./Parent";

export default function Page() {

  return (
    <>
      <Parent>
        <Child />
      </Parent>
    </>
  )
}

由于我的父组件有'use client'指令，根据文档，所有子组件也必须标记为客户端组件：
./app\Child.tsx
ReactServerComponentsError：
您正在导入一个需要useState的组件。它只能在客户端组件中工作，但它的父组件都没有标记为“使用客户端”，因此它们默认为服务器组件。
问题的原因是什么？