Questions tagged [refine.js]
The refine.js tag has no usage guidance.
refine.js
24
questions
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 ...
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/...
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 ...
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'...
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'>
...
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 ...
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 "@...
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 ...
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 ...
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 <...
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 ...
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 ...
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 ...
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
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. ...
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 ...
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 ...
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 ...
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",
"...
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/...
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. ...
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 ...
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,
&...
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:
...