1,845 questions
0
votes
0
answers
28
views
Dynamic SelectInput choices based on another input's value
i am trying to update a select Input's value based on the choice selected by another select input. if the first's option is selected then immediately the other's value gets update
I am able to see the ...
- 1,139
1
vote
1
answer
22
views
client (React Admin) not consistent sending authorization header to backend, when making a request
Hi There dear programmer,
I am having a issue with the client not being consistent with sending the authorization header when sending a request (for a resource).
What I mean with not being consistent ...
- 21
0
votes
0
answers
17
views
ArrayInput with AutocompleteArrayInput not showing default values
I'm trying to create a form using React-Admin where I have an ArrayInput containing an AutocompleteArrayInput. I want to pre-select certain values, but the defaultValue is not being displayed.
Here's ...
- 46
0
votes
1
answer
37
views
Django REST & react-admin: Content-Range header missing
Using react-admin's ra-data-simple-rest DataProvider I would like to make a request to a django REST api. In Django I built the following custom pagination class which is supposed to expose the ...
1
vote
1
answer
58
views
OIDC login flow breaks in react strict mode for react-admin v5
I was using react-admin v4 and built a custom AuthProvider with the help of the oidc-client package and it worked in development (with react StrictMode on) as well as production.
Now, I have upgraded ...
- 885
0
votes
1
answer
50
views
TypeError: can't access property "name", record.section is undefined
Hey guys thanks in advance! I’m using [email protected] in [email protected]. My src/app/admin/App.tsx looks like this:
// src/app/admin/App.tsx
const dataProvider = simpleRestProvider("/api");...
- 124
1
vote
0
answers
16
views
Is an MDI like interface possible with sub nested breadcrumb trail?
In playing around with the various MarmeLab react-admin demos, it seems it's heavily dependent on the browser back button. An eventual goal for our application is to host it within a bootstrap like ...
- 1,071
0
votes
0
answers
45
views
The correct usage of Auth0 with react-admin
I am building Admin Dashboard using react-admin.
Now I would like to add signup/login via Auth0.
App.js
import React from "react";
import { Admin, resolveBrowserLocale } from "react-...
- 730
0
votes
0
answers
29
views
ArrayInput Input Values Sum in React Admin
I would like to sum the values of each input in my ArrayInput. Could someone tip me please?
Here is my ArrayInput component:
<ArrayInput source="team_capacities" label="Capacités par ...
0
votes
2
answers
76
views
Update ReferenceArrayInput values on button click
I'm trying to update the values of a ReferenceArrayInput (react-admin v5) when I click in a button but its not working as expected.
I'm using the setValue of the UseFormContext() from react-hook-form ...
0
votes
0
answers
43
views
Inconsistent state updates when using onCellEditingStopped in ag-grid
I am using a react admin component, DatagridAg, which under the hood uses ag-grid. I am trying to add some additional functionality to trigger a cell in the row to be updated when the user edits an ...
- 21
1
vote
1
answer
39
views
Set default route after login to a CustomRoute?
How would I set a custom route as the default route in react-admin with msalAuthProvider from ra-auth-msal? It seems to default to the first Resource route I have defined, but I want it to redirect to ...
- 55
0
votes
1
answer
34
views
Deployment of react-admin: add static prefix to relative paths
when I run my front-end react-admin project, it generates index.html in which I have:
<script type="module" crossorigin src="./assets/index-1ebfbf3a.js"></script>
...
- 9,598
0
votes
1
answer
46
views
ArrayInput + SimpleFormIterator no working correctly inside the TranslatableInputs component in React Admin 5.1
I have a form in my project, that is a combination of ArrayInput + SimpleFormIterator inside TranslatableInputs component.
const OrderEdit = () => (
<Edit>
<SimpleForm>
<...
1
vote
2
answers
166
views
Replace default props in react-admin
I'm having components like this and they work:
import { formatFileNumber } from "@components";
import type { ClientCompliance } from "@types";
import { Typography } from "@mui/...
- 885
1
vote
1
answer
53
views
Data provider hooks in new react-admin version with nullable record context
In React-Admin the useRecordContext is now nullable. Before I could have a component that gets me the record and then fetches (or does something else with the data provider) something related to the ...
- 885
1
vote
0
answers
44
views
How can I get mapped list to bind to data?
Summary
I'm working on a side-drawer to display an edit form for an object that has nested properties. My manager does not want us to have individual calls to the API to get the nested properties, so ...
- 101
0
votes
0
answers
74
views
Use of widgetRules in Toast UI React Editor
I'm trying to use @toast-ui/react-editor in a react-admin application. There is a specific feature that we need to use, which is the usage of inline widget nodes. I've tried adapting the setup ...
- 314
0
votes
0
answers
49
views
React-Admin Authentication: Path /auth-callback not found when deployed to Azure Static Web App
I configured React-Admin Authentication using Microsoft Entra ID (formerly Azure AD) per the following tutorial,
React-Admin Authentication Using Active Directory
The authentication works when running ...
0
votes
2
answers
54
views
Disable validation of reference on change
I have a reference input with a select input. When I change the selected value a request is triggered.
This cause issue when the value I want is not the ID. Is there a way to disable that?
It seems to ...
- 14.3k
0
votes
0
answers
21
views
Generate CreateForm/EditForm dynamically for "args/options" from many CLI programs
I write code in node.js and typescript.
I have a REST backoffice front-end (build with react-admin but it doesn't matter) on which I need to develop a CRUD for CliOptionsEntity, which have this shape :...
- 14.3k
0
votes
0
answers
41
views
react-admin: How to extend data provider (loopback4) for image upload
I have a react-admin setup with loopback4
I am trying to extend the dataProvider as suggested in the handling image upload
I get Error: Unknown dataProvider function: getList
it seems that the ...
- 73
0
votes
2
answers
354
views
I use the react-admin, but the build is heavy and an error is happened
I am developing the frontend now using the react-admin.
As I wanted to use the NextJS, I was able to go ahead in reference to an article as follows.
Ref: https://marmelab.com/react-admin/NextJs.html
...
- 1
0
votes
1
answer
74
views
Custom Save Button In TopToolbar inside Edit component
I want to create a custom save button inside the TopToolbar component, but no matter how I approach the situation it just doesn't work, regardless of the usage of useSaveContext() save method ...
0
votes
0
answers
121
views
Getting an error when trying to authenticate TypeError: null is not an object (evaluating 'window.opener.swaggerUIRedirectOauth2') in browser
I'm trying to get authentication working from frontend and authenticate on the backend.
Everything works when I click on authorise button in swagger, I'm logging in using google.
When I log in from ...
1
vote
1
answer
160
views
Api-platform/admin React-Admin Custom Request
I found a solution to my project to use api-platform/admin aka react-admin and show some data how I want. I also implemented the authentication (JWT), login page, etc. The frontend application loads ...
- 533
1
vote
2
answers
105
views
Unit Testing Edit components and Create components result to error
and thumbs up for your great work!
So I am trying to write some vitest unit test for an Edit component (and Create also) using the tutorial on your website.
So having a resource, and an edit component ...
0
votes
0
answers
208
views
React Admin : A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator
A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition.
i ...
0
votes
0
answers
19
views
About data type of source in react-admin v4
I'm building a screen with React-admin and typescript.
In the following code, the save button is disabled when moving from this field to another input field.
Is it no longer allowed to use Dot as the ...
- 1
0
votes
2
answers
265
views
How to remove Hash from url in react-admin on NextJS
React Admin has documentation on how to remove the hash from being added to your apps url here by wrapping the Admin component in BrowserRouter but doing this does not work as expected in NextJS as ...
- 33
0
votes
0
answers
22
views
React admin using incorrect data provider based on data being updated
I have a react admin app that has the tabbed form shown below. It handles some election data and is pretty forward. Some elections are standard and have 'candidates". Others are ballot measures ...
- 1,397
0
votes
2
answers
116
views
Using OnChange, how to change values inside an <ArrayInput> <SimpleFormIterator><ReferenceInput> in React-Admin
I have the following component which I'm trying to use inside a "Drinks Edit View". In "drinks" I have nested "ingredients", but the ingredients are also a related ...
- 510
0
votes
0
answers
28
views
How to use react-admin with require?
I'm trying to make a CRUD system for XWiki objects and I'd like to use react-admin for it. Here's how XWiki docs say we can integrate libraries into XWiki: How to integrate React and XWiki?. Or here's ...
- 1,214
0
votes
0
answers
33
views
<ReferenceInput /> not showing previously selected item just because optionValue is set to other than "id"
this is my component:
<ReferenceInput
alwaysOn
label="Start Code"
source="start_code"
reference="products"
sort={{ field: "products....
- 946
0
votes
1
answer
374
views
Slow vite startup with bun
I have an existing react-admin project running with node and vite. Now I wanted to use bun for a faster startup. Initially, bun was starting up the project within a second or two, but then I needed to ...
- 885
0
votes
0
answers
37
views
React Admin routing issue
I have React Admin routing issue and now sure how to fix it.
<Resource
name="licenses"
icon={SchoolIcon}
options={{ label: "Licenses" }}
list={License}
>
...
- 349
1
vote
1
answer
56
views
Why is edit not working react-admin with custom dataProvider
I am using react-admin library
The thing is I am not sure what's the issue, but the edit button does not work.
I tried
User list component
import {List, Datagrid, TextField, EditButton, DeleteButton} ...
0
votes
0
answers
45
views
DateInput React Admin while using it in filter : Warning: value prop on input should not be null
I'm currently struggling on a bug with react admin, I have a list component on which I want to use a filter with different types of values (boolean, number, string and date). To get set up a date on ...
1
vote
2
answers
410
views
React-admin, How to create a Form and get the form values using react-admin?
Am new to react-admin, I have created a form and try to get form values while onsubmit. Am getting an empty object {}.
Am trying to achieve two things,
onSubmit to get form values.
Whichever form ...
- 1,362
0
votes
1
answer
104
views
Is it possible to use Formik validation for forms which are created by react-admin library?
I am newbie, just started using the react-admin lib for one of my project. I could not find anywhere using formik with react-admin forms. So is it possible to use formik validation with react-admin ...
- 1,362
0
votes
0
answers
53
views
"Troubleshooting Image Upload Failure: React-admin to Django REST Framework Backend"
the main problem is in Multi-part form data it not using in react-admin :
details:
I have a Django REST Framework backend API with a ProductViewSet that handles product creation. When creating a new ...
- 1
1
vote
0
answers
89
views
React-Admin cache getList from cache disk even if there is an update or a new record
When I use React-Admin I can't see any change on the list until I manually hard reload it.
This is very confusing because the new record is getting a success response or the update record but the ...
0
votes
0
answers
79
views
React admin AutoCompleteInput set value problem
Hi I'm designing an edit page using react admin. When I view the page, I set the previously saved data to the elements and want them to be selected. But AutocompleteInput does not work properly. As ...
0
votes
0
answers
145
views
React-admin pagination with DynamoDB lastEvaluatedKey - pagination
Im using react-admin to build CMS for my site. On my Express backend Im intercepting the call from the react admin and querying the DynamoDB table. I want to use InfiniteList to get the results of ...
0
votes
0
answers
25
views
Block a restricted page in React-Admin application [duplicate]
In a React-Admin app, is there some way to prevent a user from visiting a specific?
The problem I want to address is where a user, who has access to https://example.com/regular-content/, hacks the url ...
- 4,376
0
votes
0
answers
36
views
React admin build issue("react-admin": "^4.16.11",)
i am using react admin in nextjs project i have created all components and in data provider i call the Graphql API (query and mutation) it work fine locally but when i try to make build they through ...
0
votes
0
answers
79
views
Use React-Quill in react-admin v4 Edit page
I'm trying to use React-Quill with react-admin v4 (I'm not too happy with the RichTextInput).
While I easily did so on the 'create' page, I struggle with the 'edit' page. Here is the simplified code ...
- 101
0
votes
1
answer
101
views
Change "remove icon" functionality in ArrayInput field in react admin?
I want to write my own function for remove icon. by default when clicking on the icon, the
TextInput will be gone. I want to do some extra things when clicking that icon. here is my code:
<...
- 5
-1
votes
1
answer
143
views
Problems with routing, react-admin
When you log in to the admin account, a redirect occurs to the react-admin page, and then to /users (http://localhost:3000/admin#/users). There is nothing on this page. I don’t understand what is ...
user23070696
0
votes
1
answer
111
views
im working with react admin . Reference fields fetched data would display for a few moments and then disappeared
<ReferenceField
label='par'
source='parent'
reference='productCategory' \>
<TextField source='name'>
</ReferenceField>
my network tab shows , first there is a request for all ...
- 5