I already have a state with this: this.setState({ conversation: ( <div> {conversation.map(element => { if (element.id === this.props.id) { return( <div className="row msg_conta...

I want to store React component in React state but I think it is technically wrong. What you think about that? Example const LayoutContext = createContext(null as unknown as { setSidebarCont...

I've been dealing for a while with this problem and still can't tackle it. I'm using React-query as a server state management library and I'm trying to get my UI state synchronized with my server s...

I am building an application using react and material-ui. Material-ui components comes with its custom classical blue-grey google style colors and I want to modify all of them with my custom ones. ...

I have a three.js component that should only be rendered client side, how do I do this with Remix? Does Remix expose any utilities to help determine if we're in a server or client context? Could no...

How can I override a rule of a class which has high specificity? For example, the .MuiAccordionSummary-content.Mui-expanded class in the AccordionSummary const useStyles = makeStyles(() => ({ e...

I am controlling user authentification in my next app with next-auth library I am using the credentials provider. First I call the login endpoint which returns the user informations then I take the...

In React I am using @react-three/fiber for the 3D stuff. There are a lot components that don't support declarative way of doing things and require refs and imperative code (e.g. CameraControls from...

I am trying to set Antd Modal height to 1000px by default but its not getting applied. Please suggest where I might be doing wrong. Below is my code for the Modal. <Modal style={{ height: "...

I am having some troubles integrating a component from the outside library 'react-calendly', the PopUpButton widget specifically, that requires the parent DOM node to be inserted into. My current u...

I am creating a DataGrid where I want to show the values of ready_by and name that you can see in this picture: In the code, I have configured it in this way: (focus on the last two) const columns...

"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "server": "nodemon backend/server.js", "client":...

I have a problem using MUI with react-router-dom v6. import ListItem from '@mui/material/ListItem'; import { NavLink } from 'react-router-dom'; <List key={index}> <ListItem component={N...

I created a jsx variable to embed a video into my html. Every other answer says to include muted defaultMuted, and playsinline (which I already have). The videos autoplay in safari, chrome and f...

I am new to React;I am learning about React Form. I understand the code but I do not really understand the concept behind and why we use this line " onChange={(e) => setName(e.target.value)...

I am building a chat app and would like to write integration tests using react-testing-library and can not figure out how to mock socket.io-client's socket.on, socket.emit, etc. I tried follow thi...

So i am writing tests for one of my react projects and i just decided to use mock service worker to mock my api calls and i am trying to mock a login endpoint.So i am trying to simulate a login err...

I am deploying my React app to firebase hosting. when I create firebase init and select all options I am getting this error. C:\Users\user\git\Apps\screem>firebase init ######## #### ######## ...

I am beginner to redux toolkit. I am runnig to this error when I add one more Slice to my application.this is the error in console I am getting this issue when I added userSlice.ts. Ther was no iss...

I have a single landing page nextJs application it is possible to redirect all * to specific routes as we do in react-router like this how can I do exactly the same in nextJs <BrowserRouter>...

I implemented antd tooltip but need to change the background color and text color of it but I am unable to achieve that. I tried to do using "overlayStyle" provided by antd tooltip compon...

For frontend react, I am using ReactKeycloakProvider as a way to require user to login, then token should be stored into Keycloak from 'keycloak-js'. <ReactKeycloakProvider authClient={MYKEYC...

Description: The error is thrown when I add a custom link into a slate editor at current cursor position and use tab or space after the inserted link. This is the code I am using to add my custom l...

I am using exceljs npm to export data in excelsheet. As my content in the cell is huge so I wanted text to be wrapped in the cell and should take enough height to show full content. I tried by givi...

I am pretty new to web dev and I am currently trying to build something with React + Vite. But when I run npm run dev the page shows me a completely white screen like this: And there is no error in...