Customising Edit
how can I Customising Edit page, like removing the save button and chaging the headers ?
Modify data after fetching and before submitting with `useForm`
I have two types
FormType
and ApiType
. My form uses FormType
, while my data provider uses ApiType
. How do I handle this using useForm
?
Specifically, my data provider returns objects of ApiType
. However, my form does not follow this type, but instead requires a mutation apiToForm: (data: ApiType) => FormType)
to transform from ApiType
to FormType
. On submitting, the transformation formToApi: (formData: FormType) => ApiType
should be done.
I am using AntDesign, but am open to a solution using any design system....MUI Autocomplete with "multiple" prop not initially populated
I am using a MUI Autocomplete with "multiple" prop in an Edit page.
The entity of the edit page has the values (multiple) in the "fishes" property, which is a list of IDs.
When i enter the page for an entity that already has the "fishes" property populated, the Autocomplete does not pre-compile the input with the pre-existing values.
```...
useDataProvider
how can I make a post command using
```
import { useDataProvider } from "@refinedev/core";
const dataProvider = useDataProvider();...
React Query devtools icon
The react query devtools icon alwasy display in my app. How can I delete this icon?
How can I turn off the dialog confirm after escape form?
How can I turn off the dialog confirm after escape form?
I having a url like this. Do we have a way to short it but still works like params. Example encoded?
https://ablab.amanotes.net/experiments/show/cee4c6bd-ebcd-4046-8e63-f5b262b14a47?sort[0]=variants.order,ASC&sort[1]=targetings.targeting_details.order,ASC&sort[2]=variants.variant_configs.order,ASC
https://ablab.amanotes.net/experiments/show/cee4c6bd-ebcd-4046-8e63-f5b262b14a47?sort[0]=variants.order,ASC&sort[1]=targetings.targeting_details.order,ASC&sort[2]=variants.variant_configs.order,ASC
Cannot find name 'Area'
when running npm install @ant-design/plots@1.2.5 or npm install @ant-design/plots i am not able to use the Area function of ant design. How do we fix it
Blank page after I delete or create an item on my "table"
I'm encountering an error, I've been trying to solve it for over 24 hours now but I'm stuck, maybe there's something I'm not seeing but the issue doesn't really seem to be related to my code directly since I'm using the default <DeleteButton /> (antd) for example and even though it delete's the item properly (I can verify that by refreshing the page or by the small motion the list shows for a millisecond before showing blank). It seems that for some reason it's trying to do something else afterwards on the re-rendering process that is preventing it from properly doing it.
The error I see when I debug is the following (attached image 1, shows the exception thrown), in the second image we can see that newChild is "company". I also don't know where this "{resource}" is coming from, I don't have anything like that in my code.
I'll attach the companies page and the CreateTable modal form which are the only parts of the code relevant to this issue....

Material UI ThemedLayoutV2 user
while using Material UI ThemedLayoutV2, how can I add user avatar and name at the corner of the page
Json-server pagination
having a json server that contains mock data im trying to use the pagination but i would like to know if due to the way the query params of json server works that use _page and _limit will cause issue due to the query params that refine use are pageSize and current
Logical filters "or" / "and" do not work with deep filtering
I am using supabase and antd design. I have a table where I want to filter foreign object with an OR filter but I get the error
'unexpected "z" expecting "not" or operator (eq, gt, ...)'
'"failed to parse logic tree ((point_de_collecte.zone_de_collecte_id.eq.1))" (line 1, column 22)'
...useSelect with custom label function
I want to use the refine/antd useSelect, but I want a custom function to determine the label for each element of the resultant <Select> component. Is there a way to do that?
CustomAvatar not recognized
i get the following error in the customavatar file inside components folder: Cannot redeclare block-scoped variable 'CustomAvatar'.ts(2451)
const CustomAvatar: ({ name, style, ...rest }: Props) => JSX.Element. this is my code:
import React from "react";
import type { AvatarProps } from "antd";...
CustomAvatar not recognized
i get the following error in the customavatar file inside components folder: Cannot redeclare block-scoped variable 'CustomAvatar'.ts(2451)
const CustomAvatar: ({ name, style, ...rest }: Props) => JSX.Element. this is my code: import {CustomAvatar} from "@/components/custom-avatar";
import { Text } from "@/components/text"
import { AccountSettings } from "@/components/layout/account-settings";
...
"@refinedev/kbar" not working
how do i install : "@refinedev/kbar" using npm install since it is not a working package