Category "reactjs"

How can I find updated Ag Grid React localization file?

I have currently using a AG_GRID_LOCALE_EN locale file but it is outdated, there are missing keywords. Need the last version of it for the localization. Searche

Custom CSS for AntD Date Range Picker

I am trying to colour code the AntD components on my form so that when I am creating a new record the colour scheme is green instead of blue (when Editing an ex

React admin select input default empty value

I am using react admin's select input& I am currently on version 3.13 and this version allows the attribute 'allowEmpty' to show an extra empty field in the

React prop not working on child component

So I have my parent component with some data: const [purchaseData, setpurchaseData] = useState({ tickets: 0, email: "", firstName: "", lastNam

How to use Vue 3 reactive object outside Vue ecosystem

I'm trying to pass global state created like this in micro front end applications. But the problem is that I have to "watch" for changes somehow in order to set

How to debug npm ERR! errno -4094? [duplicate]

I'm doing my first React project, and following the MOOC instructions, I've had to create routes by this command : npm install react-router-do

Setting up a counter in a document and then retrieve it using Firestore: Would this be alright or would this be too expensive?

Under the orders collection, I created a document called counts which would store the counts for the status of the orders: I then created a function to increme

Custom edge detection for React tooltip causes page to "flash" occasionally

So I created simple edge detection for a tooltip that is part of a charting library. I can't use tooltips that already have implemented edge detection (like MUI

React memo get magically executed twice [duplicate]

i'm creating a react app with useMemo. The memo uses empty array as the dependency list, so it should be executed once, right? Inside the memo

Nextjs Idle time

I have a Next.js platform. On refresh, it takes around 6 seconds to load the page. So I was debugging to find out where the delay was to know what I could do to

How many render operations does act() support?

I am using act function from library https://testing-library.com/docs/react-testing-library/intro/. At this point I have something like this: await act(async (

Why are react-table pagination and filter reset by changing its data?

I added 4 custom columns to my table columns list using its Cell property; each of them in each row contains a checkbox that changes a specific property of the

How to use a third-party API inside next/api?

I am new to NEXTJS and creating a weather application .I am using a openweather api but how can I use it inside the next/api. I had tried by creating a file tod

how to use a font from google font just to be used in one react component with material UI?

i got only one Typography element that uses a different font than the rest of the application , could someone advise what's the best way to get the font from go

Formik - Trigger validation from very first keypress

On the following StackBlitz I have a very simple form validation. The validation is done when the user clicks the submit button. https://stackblitz.com/edit/rea

Headings must have content and the content must be accessible by a screen reader

I've created a react web application which has an HTML body content inside home.js as below, class Home extends React.Component { render() { return ( <div&

RecoilJS RecoilRoot not accessible within ThreeJS Canvas

Hoping someone can help me out here. Im quite new to RecoilJS so if Im missing something obvious, please let me know. I am trying to manage the state of 3D obje

How to display initialValues for material-ui autocomplete field?

I use the autocomplete field of material-ui (v5) and formik to generate my forms. On this form, I have some lists defined as constants. I use an api to get the

ReactJS app inside Laravel's public folder .htaccess configurations

I am hosting a React application inside the public directory of a Laravel app where: /public_html/ app bootstrap config

"Unable to find drag handle" mistake in react-beautiful-dnd

I have a list of cards that want to drag and drop. I want the user could drag and drop by pressing on the specific place (div) on the card (not the whole card