Refine

R

Refine

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

Join

ask-any-question

general

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

Unexpected token '?'

get this error when npm run build

redirect on delete

How can I make sure the show page redirects back to where it came from when the resource is deleted?

backend

I need to create an authentication system using Express, MongoDB, and JWT. Can I do this within the Refine project? When trying to start a server, I'm encountering many problems running Node, whether with ts-node or nodemon; it keeps presenting a series of issues with modules. Can someone help me resolve this?

Custom logout button

Is there a way to change the sider logout button text? I'm using themedSider, and wanted to customize the initial logout button passed on render to be labeled "Bye!" instead of "Logout". How would I do this?

How to implement InfiniteSelect correctly?

I am using the following code to generate and fill a Select in an Edit. ``` export const InfiniteSelect: React.FC<EndlessSelectProps> = ({ resource, optionLabel, optionValue, defaultValue }) => { const [page, setPage] = useState<number>(1); const [options, setOptions] = useState<SelectProps["options"]>([]);...

How to catch error from Form Antd ?

How to catch error from Form Antd ?

How to customize the sidebar?

Am using Vite and material Ui with refine. I was following Javascript mastery tutorial of building an app. I want to customize the sidebar. Tried to read the documentation but couldn't find ThemedSider or layout in my latest refine project. Need help.
No description

PWA (progressive web app) dashboard

I'm torn between using Next.js or Refine for building my web dashboard, which needs to function as a PWA. Do you have any recommendations on which would be better? I’d appreciate it if you could explain why as well.

What alternative way of onSuccess in useList?

What alternative way of onSuccess in useList?

What type safety can be achieved with Refine vs what can't?

New to refine, a couple of years of experience with typescript and react, many years using other type systems. Working through some simpe examples, I am running into many runtime errors that are not preceded by type errors or similar. E.g. I have a useForm that isn't passing all of the required fields for an update. It seems most of the documentation I've found seems to elide types. Is there any documentation about the extent to which types can be leveraged?...