Request does not work correctly

    const methods = useForm()
    const {serverId} = useParams()
    const servers: Server[] = useOutletContext();
    const supportOption = useMutation((data) => insertSupportOption(serverId ?? "0", data))
    const matchedServer = servers.find(server => server.id === serverId);


    const {handleSubmit} = methods
    const onSubmit = (data: any) => {

        supportOption.mutate(data)
        //window.location.href = `/dashboard/${serverId}/support`
    }

export async function insertSupportOption(serverId: string, body: any) {
    console.log(body)
    return api.post(`${ORIGIN}/support/options/add`, {
        headers: {
            'X-Server': serverId
        },
        json: body
    }).formData
}

const ORIGIN = "/api/discord"

const api = ky.extend({
    hooks: {
        beforeRequest: [request => {
            request.headers.set('X-XSRF-TOKEN', Cookies.get('XSRF-TOKEN') ?? "0")
        }],

        afterResponse: [
            async (request, options, response) => {
                if (response.status === 403 || response.status === 401 || response.status === 400 || response.status === 404) {
                    window.location.replace("/dashboard");
                }
            }
        ]
    }
})