Category "reactjs"

Css and Js not working after deploying the next+react project to server side

I have React+next and node js projects I want to deploy that project in one port. For that, I created ts file to js and ran the. next folder to the backend side

How to make SWR only fetch data when user changes date values?

I'm trying to use SWR, and while it's awesome, it keeps fetching data over and over. I want it to only fetch data again when there has been change to the time i

Need to do Radio button in antd default checked

I have a Radio Button Group with dynamically data coming from an array. Here's the code : <Radio.Group options={uniqueRadioElements} onChange={onCate

How to render different style css on same component?

I have react component which is a button and I render this component three times. I want to add some CSS on the second component but I don't know how. I tried t

Updating create-react-app to latest version breaks async tests

I have an issue, I have recently upgraded my version of react to use react-script version 5.0.1 from version 4.0.3. Doing the instructions as per https://github

Module not found: Can't resolve 'regenerator-runtime' in next js 12.1.5 with react 18 with node 16

My package.json is like "scripts": { "dev": "next dev" }, "dependencies": { "next": "^12.1.5", "react": "^18.0.0", "react-dom": "^18.0.0"

Integrate Django and ReactJS with Kafka to generate some analytical data for users?

I'm implementing a Django web service, which is about to have different platform apps, Reactjs for computers, a swift app for ios, and Kotlin for android device

React Hooks - Using useRef without direct access to HTML Element Code?

With React I'm inside of one repository, and the HTML elements are loading from another repo, which I watch for using pageLoaded. Inside updateHeader there is j

How to get a Fieldvalue only if other fieldvalues in the same document are true

How to: If I want to retrieve a FieldValue (String) only if in the same document there is another field (boolean) which is true. For Example: If I have a Docume

Should I use React Router redirect OR package.json "homepage" property for setting a relative path as homepage in my React app

TL;DR - I want my React app to start with a relative path domain.com/tweets Hello everyone, I'm creating a React app that fetches tweets from Twitter API. Becau

Attempted import error: 'styleFunctionSx' is not exported from '@material-ui/system'

I'm getting this error when attempting to npm start: ./node_modules/@material-ui/core/esm/Box/Box.js Attempted import error: 'styleFunctionSx' is not exported f

Attempted import error: 'styleFunctionSx' is not exported from '@material-ui/system'

I'm getting this error when attempting to npm start: ./node_modules/@material-ui/core/esm/Box/Box.js Attempted import error: 'styleFunctionSx' is not exported f

SignInWithPopup close automatically

Can the browser close GitHub SignInWithPopup automatically? If the browser can do it, how can I fix this problem?

Problem with MERN app on netlify and heroku (CORS)

This my first question but I completely have noo idea what to do :/ I learn javascript technologies. I've written my MERN app where I handle login and register

ZoomMtg is overwriting all css in my entire ReactJS website

Zoom websdk is used to integrate the zoom video platform into your application. Here is the package for the same @zoomus/websdk. All things are working fine for

Can't parse excel date to string with xlsx in a util function javascript

I am trying to read an excel document which has a datetime column.Uploading it to the website,instead of date column i get those numbers which represent the tim

getServerProps does not fetch the data

I am working on an real estate site through a tutorial since I am learning NextJs and for apartments filter it uses getServerSide as common, the code I use is :

How to fix slow page changing speed to heavy routes with React Router?

I have a React project and use React Router DOM v6 to manage all my routes. I have a route that uses a fairly heavy component and, when switching to that heavy

Cannot show toggle icon of FontAwesomeIcon in React

I have a problem with showing a toggle off icon in my React app: The icon is not appearing on the screen. How can I fix that? Here is my code snippet shown belo

My react code doesn't work after i import some files

import React from "react"; import { Container, AppBar, Typography, Grow, Grid } from "@material-ui/core"; import Posts from "./components/Posts/Posts";