Skip to main content

Questions tagged [refine.js]

The tag has no usage guidance.

refine.js
1 vote
0 answers
55 views

Refine Dev, how can i implement RTL in version 4?

So, I'm currently working on a project that is Arabic only, and it is my first time using Refine DEV. On the websites documentation, I didn't find anything related to RTL in version 4. So I wanted to ...
Elio Youssef's user avatar
1 vote
1 answer
31 views

Getting double slash and getting 301 moved permanently when manually changing url

So basicallly i am getting double slash when i try to use getOne like this https://api.cibuilders.co.in/admin-pannel/project//2229 and the url of the page is http://localhost:5173/admin-pannel/project/...
ashish.oraon's user avatar
2 votes
1 answer
62 views

React component not rendering data correctly after updating component state in a Refine project

I've been using Refine to build a dashboard application. The majority of the pages work well with the data fetching capabilities provided by the Refine framework. However, I encountered an issue when ...
crazyoptimist's user avatar
1 vote
1 answer
207 views

Refine, Customize login page, use user-id instead of email

we've created a refine project and we want to connect it with our oauth2 service, our auth provider has userId:password logic instead of email:password combo, we tried customizing AuthPage but it does'...
hmmftg's user avatar
  • 1,546
1 vote
1 answer
179 views

Why does rendering my antd form fail when including a DatePicker?

I have a component that renders a simple form looking like this: const { saveButtonProps, formProps, formLoading, queryResult } = useForm(); return ( <Form {...formProps} layout='vertical'> ...
JDS's user avatar
  • 1,269
1 vote
2 answers
113 views

I tried to install strapi to refine dev: Cannot read properties of undefined (reading 'addBreadcrumb')

Node.js v20.12.2 [email protected] Describe the bug: After to run this command: npx create-strapi-app@latest pdf-invoice-generator --quickstart npm ERR! Node.js v20.12.2 npm ERR! A complete log of this run ...
bellarej's user avatar
1 vote
0 answers
76 views

Type 'X' is not assignable to type 'X'

I have an app with refine.dev and craft.js, I'm converting files from jsx to tsx and I have this error that I don't understand. Here is the component : import { Button, Image, Text } from "@...
Johan's user avatar
  • 2,674
1 vote
0 answers
117 views

React Refine framework and mui autocomplete dropdown menus with prefilled values from fetched data

I am working on a project with the refine framework for user registry management. In this application, it is possible to create dedicated processes for each user, and for each process, I can associate ...
kyundos's user avatar
  • 11
1 vote
1 answer
656 views

Refine.dev Fetching multiple records from different tables

How do you deal with fetching multiple records from two or more tables from the API using the useTable hook instead of useMany? Under the hood, useTable uses useList. Let's say I have customers and ...
Svene's user avatar
  • 25
2 votes
2 answers
1k views

Ant Design ColorPicker component, transform the value before sending it to the server?

I'm using Refine with Ant Design. I've a form for creating a new tag. The form has a property named background_color, which should be the color in HEX format (i.e. #ff6347). The problem is that <...
gremo's user avatar
  • 48.3k
1 vote
0 answers
272 views

setting google auth in refine framework

I have already imported the google auth functionality in refine itself but when I change the value of "GOOGLE_CLIENT_ID" to the one I created in google OAuth, the popup for google auth comes ...
Denis S Maheshwari's user avatar
0 votes
1 answer
198 views

Can we use refine UI without router

The refine UI library is simply awesome, but most examples I saw rely on having a router and defining what path will have access to some action on the data source. But if I want just to render the ...
Vitor Figueredo Marques's user avatar
2 votes
2 answers
1k views

Customizing Sidebar Menu in Admin Panel Built with React and Refine.js

I'm currently working on an admin panel for a news website using React, Refine . I'm relatively new to backend development, so I opted for Refine library to simplify the project. my question might be ...
anuka's user avatar
  • 47
1 vote
2 answers
674 views

Changing localhost port of react-refine

How do I open react-refine app on localhost 3000? It opened on port 5173 by default. I looked for it in package.json file but can't find port
Vosid's user avatar
  • 75
2 votes
3 answers
538 views

Refine - unable to create React project using CLI refine-app@latest

Am using Refine framework to create an app, running the command below - npm create refine-app@latest It fails everytime, with the error in superplate-cli × Could not retrieve source repository. ...
sppc42's user avatar
  • 3,221
1 vote
1 answer
753 views

Why is my npm run dev command not working?

I am building a new project using refine and react. I have downloaded all of the files and dependences using npm but when I try to open them by using npm run dev I get an error. My files: I'm trying ...
Mahan Tehrani's user avatar
1 vote
2 answers
694 views

How to remove Auto-generated code by Inferencer in refine project?

As I am new for refine.dev. So, I just want to remove this section Mark the particular code sniped what should be removed. Aslo show me the file structure and where it locates. I also can't find the ...
Saheb Dhara's user avatar
0 votes
1 answer
183 views

How reset a Select value based on switch off value

hope that are you doing well! I have a little question breaking my head and I don't know how solve it yet. I'm working with React, TypeScript, Ant Design and Refine Framework and have a page component ...
KikoNet's user avatar
1 vote
1 answer
538 views

React - Refine - Display Json object correctly in form field

I have the following json object retrieved from the backend REST API. { "id": "bb8dc1fa84d842bd82e3494f2d9b8e49_LATEST", "status": "publish", "...
Roel den blanken's user avatar
0 votes
1 answer
361 views

how to configure refine framework to present the url in a sub directory

I have a project in refine (https://refine.dev) which is installed in a sub directory (eg: http.site.com/subfolder). However, when accessing the site, the url assembled by refine is (http.site.com/...
user21666694's user avatar
1 vote
1 answer
266 views

Google account login problem in local host refine npm dev

Whenever I am trying to start my run dev command in local host it is asking for google account login, but when I choose to login, the prompt does not show me any of my google account to continue with. ...
Prajesh Makootan's user avatar
0 votes
1 answer
167 views

Refine dashboard showing error---Error: SyntaxError: Unexpected token, expected ";" (7:22)

I tried to implement the Google login in my React app using refinejs. I was trying to make a React app using refine and other packages. I was following a course on YouTube. I almost followed the ...
Kunal Pathak's user avatar
1 vote
2 answers
2k views

Ant design multiple select for nested objects

I'm building a dashboard using refine.dev and AntDesign. One of my entities has Many-to-Many relation that is returned in the API as an array of objects with id properties. { "id": 1, &...
Konstantin Bodnia's user avatar
0 votes
1 answer
356 views

How to refine React modal to allow user to enter new data into state

How does one take user data from the page and use it to create elements in a react.js program? I have a file, app.js. The first things declared in the file are a couple of constants, for toy data: ...
neutrino's user avatar
  • 904