Category "reactjs"

I am trying to connect and read data from mysql in node js and react project with clinet and server setup but

**I am trying to connect and read data from MySQL database in node js and react project with client and server setup but unable to get success, here is the code

TypeScript. The function accepts two different objects, but returns one object

I am beginner in TypeScript. I am developing a home project - a weather application, I have two requests to the server, the responses are almost identical, exce

Where is the breakpoint code located in the React export from Anima?

I followed the steps to add breakpoints using Anima's Figma plugin and SHIFT-selecting the three desktop, tablet, and mobile frames. Then I clicked "save" and s

Refactoring tabs according to react best practices

Here is a FAQ component with a child Accordion. As identifier I use anchor that I get from data, written for every element as tab1, tab2, tab3 etc. (instead of

TypeError: cleanUrl is not a function while creating a React Project

Hey everybody I am getting this error after hosting a website on firebase or I am not sure about it. It's the replace-info.js screenshot. I am not able to fi

How should I design my application to handle large amounts of data?

I am building an application for building sports betting models. Basically users can create their own criteria and backtest their models across historical data.

React - Set state object using args

I have an object saved in a state I am trying to create a function to update parts of the object. function removeError(val) { setPersonsState((prevState) =&

Get error when using createContext with typescript

I am trying to make a context with hooks in react with typescript like this: // StateGlobalContext.ts import React, { Dispatch, ReactNode, SetStateAction } from

Can't combine a hook and a function in onClick event

I'm new to React. This is a 3 step registration form. In the last step - StepThree, I've been trying to have a hook - handleDateChange and a function - HandleUs

Dynamically load React component library from URL?

I am working on documentation tool for Typescript library. The idea is to leverage parcel's watch mode to continuously build the library, and use the same in a

How do have modal pop up when hovering over bootstrap 5 card?

I was following a template I found online to have a modal pop up when hovering over my cards with bootstrap 5. This is my code so far: class SavedEpisodes exten

React Router Link is not working. The Route changes but the component doesn't get rendered [duplicate]

This is the code in App.js import React, { Component } from 'react' import { BrowserRouter as Router, Route, Switch} from 'react-router-dom';

how to change prettier format for react native

my code formatting prettier didn't works well for react native, i don't understand where to config it but it works well with flutter from this code import

react-router-dom v6 params only numbers

I want add number regex in may param in react-router-dom v6. it work fin in v5 like it: <Route path="list/:id(\d+)" element={<MyComponent/>} /> b

How to update @type/packageName according to updating packageName?

My current packages - - [email protected] - @types/[email protected] I updated my lodash version to minimum stable one as [email protected] Now, what will be the @ty

Organize large states with redux toolkit

I am fairly new to redux and redux-toolkit, but I am fairly familiar with the whole concept of stores (coming from a vuex background). I have an issue organizin

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