Refine

R

Refine

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

Join

ask-any-question

general

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'; ...

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 ?

How can search field jsonb nextjsx from refine?

How can search field jsonb nextjsx from refine?

How to pass extra variables to useOne ?

How to pass extra variables to useOne graphql query

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>,...

AuthActionResponse

what is the key property used for in AuthActionResponse?

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;...

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?...

Refine Dev Server (Vite) hangs on Chrome 129

Anyone else unable to get refine dev to load in Chrome 129? Works fine in Safari

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:...

Add scroll to DataGrid Cell

I need to add horizontal scroll for one cell in my code <DataGrid {...{ ...dataGridProps,...

useList count supabase

how do i get the total count with useList supabase?

const stringWidth = require('string-width');

CLI refine not working with this error
const stringWidth = require('string-width');
const stringWidth = require('string-width');

How to reuse form instance from useForm without pass to children component props?

How to reuse form instance from useForm without pass to children component props?

Translate Button

I want the Create button to be in German. How I can acccomplish this?
No description

listing-data tutorial version of node?

I am curious if it is a version problem. I am doing the listing-data tutorial and it uses URLSearchParams and its append method. It tries to add a number but append takes a string as far as I can tell? Might I have a node version problem. Running node: v20.11.1...

How can I have a form inside the table of a List in antd design

I want to have a table and for each row I would like to be able to have a cell that has a form input for a field called label, how can I do this in antd design?

AuthPage Login form validation

Hi how can i custom password form validation using AuthPage component ?

auth0-spa-js must run on a secure origin.

npm run build gets error :" auth0-spa-js must run on a secure origin. "