Tengo un componente de reacción con accesorios como a continuación. lo que estoy tratando de hacer es establecer los valores predeterminados en el menú desplegable cuando se carga la página. Intenté esto con una matriz ficticia y funciona bien. pero cuando paso la matriz a través de accesorios de otro componente, el valor no se establece.

 export interface dropdownProps { list: []; defaultSelectedList: number[]; } // const defaultSelectedList = [123, 432, 987]; **this works if i set a dummy array** console.log(defaultSelectedList, 'test'); const Dropdown: FC<DropdownProps> = (props) => { const methods = useForm<{ dropdown: number[] }>({ defaultValues: { dropdown: defaultSelectedList }, }); } <FormProvider {...methods}> <MultiSelect name="dropdown" list={list} /> </FormProvider>

cuando consuelo el valor inicialmente, el valor no está definido y luego se establece el valor. Supongo que este podría ser el problema. Puede alguien ayudarme con esto