Refine

R

Refine

Join the community to ask questions about Refine and get answers from other members.

Join

ask-any-question

discussions

like-gold
like-gold10/2/2024

Create Company

The image shows how my Create page looks, but it should not look like that The Code: import React from 'react' import { CompanyList } from './list' import { Form, Input, Modal } from 'antd' import { Create, useModalForm } from '@refinedev/antd'...
No description
like-gold
like-gold10/2/2024

Bug fixing

I have a problem with create.tsx. The output is shown but it should be blake because create.tsx is empty. This is the code with the create button breadcrumb={false} headerButtons={() => (...
No description
evident-indigo
evident-indigo10/2/2024

Custom dataProvider create and update Tvariables constrained specific type error

I am getting this error in my custom dataProvider with the create and update methods. How can get around it Errors Type '<TData extends BaseRecord = BaseRecord, TVariables extends CreateLeadPayload = CreateLeadPayload>(params: CreateParams<TVariables>) => Promise<CreateResponse<TData>>' is not assignable to type '<TData extends BaseRecord = BaseRecord, TVariables = {}>(params: CreateParams<TVariables>) => Promise<CreateResponse<TData>>'. Types of parameters 'params' and 'params' are incompatible....
frozen-sapphire
frozen-sapphire10/2/2024

how to specify port number

how to specify port number
stormy-gold
stormy-gold10/1/2024

useUpdate

In the refine documentation about useUpdate, it says there is an onSuccess inside mutationOptions, but I am unable to use this method. Is there a way to execute an action only if the mutate returns a success? I am using useUpdate as follows: const { mutate: updateIvr } = useUpdate(); ...
like-gold
like-gold9/30/2024

useSelect Mui

example of useSelect with material ui
exotic-emerald
exotic-emerald9/30/2024

Why notification modal always open twice after mutation success?

Why notification modal always open twice after mutation success?
judicial-coral
judicial-coral9/30/2024

Check my custom DataGrid. Clear filters doesn't work

import { useDataGrid } from '@refinedev/mui'; import { getRowsData } from 'services/utils'; import { usePagination } from './usePagination'; import { useState, useEffect } from 'react'; ...
rival-black
rival-black9/30/2024

Use Antd <RangePicker/> to set filters on date column using Supbase as backend

I have an antd table with a date column and user a <RangePicker/> as a filter dropdown. I use the function rangePickerFilterMapper to map values. However the filtering does not work because the filters set use the operator "in" instead of "gte" and "lte". How to customize the call made to setFilters from the <FilterDropdown /> component ?
exotic-emerald
exotic-emerald9/30/2024

How can search field jsonb nextjsx from refine?

How can search field jsonb nextjsx from refine?
unwilling-turquoise
unwilling-turquoise9/28/2024

How to pass extra variables to useOne ?

How to pass extra variables to useOne graphql query
unwilling-turquoise
unwilling-turquoise9/28/2024

Antd useForm how to set custom variable for graphql

Trying to pass custom variables other than ID to a query is not working. Here is the code that I have. I am using useForm and what in my getOne query to have extra variable not only the ID. const { formProps: editFormProps, saveButtonProps: editSaveButtonProps } = useForm< GetFields<UpdateSettingValueMutation>,...
conventional-tan
conventional-tan9/28/2024

AuthActionResponse

what is the key property used for in AuthActionResponse?
wise-white
wise-white9/27/2024

How to get server side data on _app.tsx file

Here's my Refine and Next.JS application. How can I get data on the server side with the structure seen in my code? ```tsx export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & { noLayout?: boolean;...
xenial-black
xenial-black9/27/2024

Make Select with nested name return null on no selection

I have an ant design <Select> component with a nested name that looks like this: <Select name={['version', 'id']} ... /> When the associated for is submitted, if the select doesn't have a value, I want the corresponding value to be just null, but it's currently being passed as {id: undefined}. Is there a simple way to make all <Select> components with nested names to always return just null?...
ratty-blush
ratty-blush9/27/2024

Refine Dev Server (Vite) hangs on Chrome 129

Anyone else unable to get refine dev to load in Chrome 129? Works fine in Safari
xenial-black
xenial-black9/27/2024

useForm with specific type

I want to call useForm but specify a type, say Metafield. So the initial call looks like: const { saveButtonProps, formProps, formLoading, queryResult, onFinish } = useForm<Metafield>(); Then, when I define my form component, that looks like:...
conscious-sapphire
conscious-sapphire9/27/2024

Hi I using Refine with vite want to set the title in the tab globally ? and antd

want to set the tab ( refine) to my custom name
judicial-coral
judicial-coral9/27/2024

Add scroll to DataGrid Cell

I need to add horizontal scroll for one cell in my code <DataGrid {...{ ...dataGridProps,...
like-gold
like-gold9/27/2024

useList count supabase

how do i get the total count with useList supabase?