I am trying to use the SimpleFormIterator in the React-Admin module to create a list of children records from the parent record edit form. So I've setup a SimpleFormIterator component with the details of the child record, however, this doesn't…
I am using "@mui/x-date-pickers": "^6.9.2", for the showing datetime picket Now i want to do some styling chages to the popup which helps to select date and time. How can i do it I tried <MobileDateTimePicker label="End DateTime" inputRef={ref} minDate={subDays(new…
I'm trying to create an auth/session context for my application. However, I am facing some errors when I attempt to build the Provider component and pass the children as props. const AuthContext = createContext({}) type Props = { children: ReactNode…
I have a naive attempt at a react progress/rating component. Id love to add some border radius on the bar elegantly, but the way i have the children currently written you can see extra content exceeding the parent. Is there…
I'm busy building a react app with firebase being used on the back-end. I've been building the app using react-router-dom and have recently created a protected route to prevent access to certain routes if you aren't logged in. I was…
I followed this documentation to dockerize my react app and I did everything as it said, but I get this ERROR: failed to solve: circular dependency detected on stage: prod when try to execute docker image build -t react:v1 .…
const handleChange = (e) => { console.log(e); }; <CardNumberElement onChange={(e) => handleChange(e)} /> I'm making a nice front for cardNumberElement where the user types the card numbers and they appear on the front like this 1234 **** **** **** 5678…
I am trying to test a simple user click button where the counter will increase from 0 to 1. Here is my counter button import { useState } from "react"; export const Counter = () => { const [counter, setCounter]…
I want to create a window that has an input when a button is pressed Hello, I would like to know how I can create a custom alert-type window that has an input, that appears when a button is pressed.…
Is there a way to mock localStorage with Jest? I have tried many answers from this question however, none seemed to work on typescript as I keep getting: "ReferenceError: localStorage is not defined" I also tried to make my own…