Category "reactjs"

Best way to style non-MUI elements in MUI?

I'm new in React and a new dev in general; I know that there are many ways to style elements in React itself: importing CSS, locally scoped CSS modules, CSS-in-

How can I fixed my problem"FirebaseError: Firebase: Error (auth/invalid-api-key)."

My environment variable is ok. No comas and name mistakes but they given me error like "FirebaseError: Firebase: Error (auth/invalid-api-key)". How can I fixed

React Browser Router v6 not rendering element on refresh

Routing seems to be working fine until I go to a child route and refresh the page. After refreshing the page the element disappears and the only way to fix it i

nextjs router locale undefined

I have done a lot of research and tried many things, but unfortunately, I haven't found a solution, so I had to ask again. I am working locally on a project and

router.push() is not working as expected NextJS

I am trying to redirect the user to the search results, but router.push() is not working apparently. I changed url to page that don't exist and the route change

How can I use functional update with event.currentTarget.value in React?

First, please check my code. const [name, setName] = useState('nick'); const handleChangeName = (e) => { setName(prevState => e.currentTarget.value) }

React useState hook does not update the lonlat value in OSM

I´m stucked with not updating react useState hook setPosition(lonLat) line 34. Could someone advise me please why that does not working? The position cons

How to order comments in firebase firestore by createdAt

I have a document in which there is a comments array of objects and each object has createdAt property. I want to sort all the comments that are inside the comm

xterm-addon-fit not working when it parent is a tab has forceRender={true}

I'm using forceRender={true} in order to preserve the state/context of the xterm.js termina emulator. However, when it's set, fitAddon.fit(); doesn't work.

How can I obtain an image link that is in the body of my GET request using React.js?

I am using a spring boot backend with a react.js frontend for a web application. Once a user is logged in, it directs the user to their Profile where they will

How to set default value on language changer to the current locale?

I am having a problem setting the "defaulValue" of a Language selector to display the locale it is in. ** Note: I am using Nextjs and TailwindCSS My code looks

onChange is not working in react functional component while changing the value through state update

I am using mapbox in a project and here I am trying to get the latitude and longitude from the input box. I have set a value in input field and I want to change

getting error while adding css to button in my react js app

I was styling a button in my react js website and got this error while writing the css for it, actually I was going to animate it after hovering the mouse. its

How updated object with child component should reflect on parent component

I want to add the macchines in machine array so I defined a specific component with add function in it. So when I add the "process" in "processes" array then it

I'm unable to load @apollo/client on a React Native Expo app

I'm trying to load @apollo/client on a React Native Expo app. And I get this error: While trying to resolve module @apollo/client from file /Users/andrepena/gi

How to change true to false __N_SSG in nextjs?

How to change pageProps inside of __N_SSG parameter true to false or remove pageProps. Because I generated build time multiple pages. I manual changed true to

How can I hide code from the Edge browser in React?

I have developed a dummy React application using create-react-app. Stackbliz Reference I know that when we do npm run build a build is created and there are map

Accessing a value from a different js file in reactjs

how can I use the variable below theId from file1 in another js file2 in react? file1.js import ..... class File1 extends React.Component { constructor(pr

Why is the package size of NPM run bulid inconsistent with the website (React)

I use NPM run bulid to package the website, and the console displays chunk JS is 1.04MB in size, but when I open ifinder locally, the file size is 3.8m. Why? [p

material-ui dialog causes react-hook-form to change isValid value causing RTL act errors

I am trying to test a dialog with react testing library. This dialog contains a form I render with react hook form. This form has a single field with some valid