Property 'overtime' does not exist on type 'UseSelectReturnType'
Hi! I'm using the documentation and it indicates that antd's useSelect has
overtime
(https://refine.dev/docs/api-reference/antd/hooks/field/useSelect/#overtimeoptions)
When I try using it, though, it says Property 'overtime' does not exist on type 'UseSelectReturnType<{ trailerNo: any; } & { trailerNo: any; }>'
.
How can I check if useSelect is in the middle of loading?useSelect | refine
useSelect hook allows you to manage Ant Design's `` component when the records in a resource needs to be used as select options.
9 Replies
Hi @avangeous. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
The
useSelect
hook from refine's Ant Design integration does not have an overtime
property according to the provided extracts. However, it does return a selectProps
object which includes a loading
property. This loading
property indicates whether the default value query is currently fetching data.
Here's a snippet from the source code of useSelect
inside the @refinedev/antd
package:
In this code, defaultValueQueryResult.isFetching
is used to set the loading
property of selectProps
. You can use this loading
property to check if useSelect
is in the middle of loading.
Please refer to the documentation (https://refine.dev/docs/api-reference/antd/hooks/field/useSelect) for more details.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@1122927158348763206> kapa.ai is still learning and improving, please let us know how it did by reacting below
foreign-sapphireOP•16mo ago
@kapa.ai
Property 'loading' does not exist on type 'UseSelectReturnType
Let me check the knowledge base for you. One moment! :books:
----------------------
The
loading
property is not directly on the UseSelectReturnType
but rather it's nested within the selectProps
object that useSelect
returns.
Here's how you can access it:
In this code, useSelect
is called and its return value is destructured to get selectProps
. Then, selectProps.loading
is accessed to get the loading state.
Please refer to the documentation (https://refine.dev/docs/api-reference/antd/hooks/field/useSelect) for more details.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@1122927158348763206> kapa.ai is still learning and improving, please let us know how it did by reacting below
foreign-sapphireOP•16mo ago
@kapa.ai Does useModalForm have anything similar?
Let me check the knowledge base for you. One moment! :books:
----------------------
Yes, the
useModalForm
hook from refine's Ant Design integration does return a similar property. It returns a formLoading
property which indicates the loading status of the form.
Here's a snippet from the API reference for useModalForm
:
| Key | Description | Type |
| --- | --- | --- |
| formLoading | Loading status of form | boolean
|
You can use this formLoading
property to check if useModalForm
is in the middle of loading.
Please refer to the documentation (https://refine.dev/docs/api-reference/antd/hooks/form/useModalForm) for more details.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@1122927158348763206> kapa.ai is still learning and improving, please let us know how it did by reacting below
metropolitan-bronze•16mo ago
hi @avangeous ,
what is your refine version ?
this feature released on @refinedev/core@4.24.0