Form表单动态取值好像优化得太好了

[langziyang]

以下是我的编辑页面，取到值后Form里没有更新,有什么解决方案吗

import {createFileRoute, useParams} from '@tanstack/react-router'
import {useQuery} from "@tanstack/react-query";
import {useNetwork} from "@hooks/useNetwork.jsx";
import {Form, Input} from "tdesign-react";

export const Route = createFileRoute('/_dashboard/user/roles/$id')({
    component: EditRoles,
})

function EditRoles() {
    const [form] = Form.useForm()
    const {getApi} = useNetwork()
    const params = useParams({})
    const {data} = useQuery({
        queryKey: ['roles'],
        queryFn: async () => {
            return getApi(`/api/roles/${params.id}`);
        }
    })

    return <div>
        {data && <>
            {/*普通input可以显示值*/}
            <input type="text" value={data.data.name}/>
            {/*Form表单里没有值*/}
            <Form
                form={form}
                initialData={{...data?.data}}
            >
                <Form.FormItem
                    name={'name'}
                    label={'名称'}
                    rules={[{required: true}]}
                >
                    <Input/>
                </Form.FormItem>
                <Form.FormItem name={'code'} label={'标识'} rules={[{required: true}]}>
                    <Input/>
                </Form.FormItem>
            </Form>
        </>}

    </div>
}