Category "reactjs"

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";

Head (next/head) throwing error in NextJS

I am trying to add head to a page in NextJS. As per the documentation I have used next/head to add <head>. However, the code block for using next/head is

Head (next/head) throwing error in NextJS

I am trying to add head to a page in NextJS. As per the documentation I have used next/head to add <head>. However, the code block for using next/head is

I am trying to get data from my sql database to my react page, but my api returns an empty array

http://chucklets.no/getOnlineTime When I click this I can see the JSON and it looks fine. But when using fetch it API Node.js code: app.get('/getOnlineTime', (r

I am having issue with my image src in next.js [duplicate]

I am using Sanity image url in my project and I am getting this error in my console page that says next-dev.js?3515:25 Warning: Prop src did