---------------------- The `useDrawerForm` hook in Refine provides a `close` function that you can use to manually close the drawer. This function does not automatically call any API when used. However, if you have set up your application to call an API when the drawer is closed, you might need to adjust your code to prevent this behavior. Here's an example of how you can use the `close` function: ```jsx const { getInputProps, modal: { close, visible, title }, } = useDrawerForm(); return ( ); ``` In this example, the `close` function is passed to the `onClick` prop of the Cancel button. When this button is clicked, the drawer will close without making any API calls. If you want to prevent the drawer from closing after form submission, you can handle it in your `onFinish` handler. Here's an example: ```jsx const { close, modalProps, formProps, onFinish } = useModalForm(); const onFinishHandler = (values) => { onFinish(values); // Do not call close() here }; return ( ); ``` In this code, the `onFinishHandler` function is passed to the `onFinish` prop of the `Form` component. This function is called when the form is successfully validated and submitted. The `close` function is not called in `onFinishHandler`, so the modal will not close after form submission.

useDrawerForm

Similar Threads

Similar Threads

Similar Threads