Reactjs 在 CrafterCMS Studio 中拖动字段

我目前正在自学如何将无头CMS(CrafterCMS)与Next.js一起使用.

我在CrafterCMS工作室中有以下简单的内容类型(只有一个标题和一个文本):

和各自的代码:

export default async function TestPage() {
    const model = await getModel('/site/website/test/index.xml');
    return (
        <TestComponent model={model} />
    );
}

export default function TestComponent(props) {
    const { isAuthoring } = useCrafterAppContext();
    const { model } = props;

    return (
        <ExperienceBuilder path={model.craftercms.path} isAuthoring={isAuthoring}>
            <Model model={model} >
                <div className="space-y-4">
                    <RenderField
                        model={model}
                        fieldId="title_s"
                        className="text-xl text-gray-800"
                    />

                    <RenderField
                        model={model}
                        fieldId="text_t"
                        className="text-xl text-gray-800"
                    />
                </div>
            </Model>
        </ExperienceBuilder>
    );
}

是否可以使用Studio功能来拖动和更改我的两个字段的位置？例如，我希望将文本拖到第一个元素.我似乎只有更改内容的选项，不能拖动: