Refine•3y ago

useSelect with Mantine MultiSelect

I just upgraded to version 4 and I'm not sure how to use resources with MultiSelect. I'm having a type issue with useSelect and the MultiSelect component in @mantine/core. I followed the docs to create props with useSelect from @refinedev/mantine, but it appears that useSelect is only returning the SelectProps type used in the Select component, which is incompatible with the MultiSelectProps type and giving a type error.

Is there a way to create props for MultiSelect or do I have to manage it manually?

Example:

const { selectProps } = useSelect({
    resource: 'tags',
  });

// This is giving a type error
<MultiSelect
        label="Tags"
        {...selectProps}
/>

const { selectProps } = useSelect({
    resource: 'tags',
  });

// This is giving a type error
<MultiSelect
        label="Tags"
        {...selectProps}
/>

kapa.ai•7/28/23, 11:14 PM

Hi @uberpwner19. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•7/28/23, 11:14 PM

----------------------
Based on the information provided in the extracts, the hook from is designed to work with the component from . The hook returns which are compatible with the component, but not with the component. This is likely the cause of the type error you're encountering.

Unfortunately, the extracts do not provide information on how to use the hook with the component or if there's a similar hook specifically for .

You may need to manage the component manually or check the refine documentation for more information on how to use hooks with the component.

Here is the link to the hook documentation for your reference: useSelect Documentation (https://refine.dev/docs/api-reference/mantine/hooks/useSelect)
----------------------

----------------------

kapa.ai•7/28/23, 11:14 PM

@717513270571040808 kapa.ai is still learning and improving, please let us know how it did by reacting below