Generic form on T access with keyof T

[ThibaudDauce]

Version:

• @inertiajs/vue3 version: 1.2.0

Describe the problem:

When I try to access my form on a generic model T with a key: keyof T, Typescript raised an issue.

Steps to reproduce:

<template>
  <div>
    <!-- Working -->
    <div>{{ form[key] }}</div>

    <!-- Working -->
    <div>{{ model[genericKey] }}</div>

    <!-- Type 'keyof T' cannot be used to index type 'DistributeRef<InertiaForm<T>> -->
    <div>{{ genericForm[genericKey] }}</div>
  </div>
</template>

<script setup lang="ts" generic="T extends object">
import { InertiaForm, useForm } from '@inertiajs/vue3';

const props = defineProps<{
  model: T;
  genericKey: keyof T;
}>();

// Test with non generic default values
const defaultValues = { name: 'Thibaud' };
const form = useForm(defaultValues);
const key = 'name' as keyof typeof defaultValues;

const genericForm: InertiaForm<T> = useForm(props.model);
</script>