Category "reactjs"

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

Error: Element type is invalid thrown by reactjs

for the code below in next.js index page import { Typography } from '@mui/material/Typography'; import { createTheme, ThemeProvider } from '@mui/material/styles

Changing a variable initialized in the outer scope after fetching using mysql

I'm trying to make a history page where users can see the videos they recently uploaded or downloaded. I'm writing it in NextJS. I'm using Mysql to store the da

How to populate array of arrays in react state variable?

I'm trying to add an array to an array of arrays every function run. How can I append the array to my array of arrays state variable? Here is my code: const [vo

I have used circle marker to show places on a world map in react. How to add popup on circle marker to shows up the location when circle is clicked?

I have used circle marker to show places on a world map in react. How to add popup on circle marker to show details when circle is clicked. Currently the code s

Using user info in AWS Amplify GraphQL schema

I am trying to structure a database for my application and one critical portion of it is the users association with various models in the databases. I am using

Error while installing react-toggle in VS Code

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found:

How to pagination data to optional parameters

I'm Using react-bootstrap-table-next pagination module, In that I am using sizeperpage How do I pass sizeperpage data to the params. code excuted: <Bootstra

Filter is not a function using React UseEffect of a data from MongoDB

I am working on a MERN ecommerce stack application. I have an API that returns all the Products I have from my MongoDB. I have attached a console log of the pro

problems loading data in ScrollView

I want to make a ScrollView that uses data that it async fetches from my backend. But for the moment when I try to render the subject, or even log the subjects,

Fetch runs in a loop

I am fetching data in my react component import React, { useState, useEffect } from 'react'; import { fetchBookData } from './bookData'; import "./App.css"; ex