const handleUpdate = (id, values) => { mutate({ resource: "products", values, ids: [id], }); }; return (

{/* Your table and fields */}

); }; // Usage const App = () => ( {/* Other components */} ); export default App; ``` In this example: - The `UpdateManyProvider` initializes the `useUpdateMany` hook and provides the `mutate` function via context. - The `contextValue` is memoized using `useMemo` to prevent unnecessary re-renders. - The `useUpdateManyContext` custom hook is used to consume the context in `MyComponent`. By following this approach, you can ensure that the `mutate` function is accessible throughout your component tree without causing unnecessary re-renders. For more detailed information on how to use the `useUpdateMany` hook, you can refer to the **Refine documentation** (). If you need to see an example in action, you can try the example provided in the Refine repository: - **Material-UI Example** () - **Ant Design Example** () You can also run these examples locally using the following commands: ```bash npm create refine-app@latest -- --example table-material-ui-use-update-many ``` or ```bash npm create refine-app@latest -- --example table-antd-use-update-many ``` By using context and memoization ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

useUpdateMany initalised many times across parameter fields

Similar Threads

Similar Threads

Similar Threads