Category "reactjs"

Integrate flutter web application into Nextjs web

I am trying to integrate a flutter web app into a Nextjs webpage. I have seen this question but it is not working. I also want to be able to pass a user id or s

Can't export SignIn from "aws-amplify/ui-react"

I am using "aws-amplify/ui-react" withAuthenticator and would like to pass a SignIn component with some custom logic. It is possible to do with "aws-amplify-rea

why am I getting this "Cannot find module server.js"?

I had a Traversy Media tutorial on how to learn the MERN stack that I was following. I had the first part installed on my desktop and it was working properly. o

setState not updating state with multiple varaibles

I am working on one reactjs project. where the user needs to pick two different dates starting date and end date. When a user picks first date i need to update

How to get the current month and the next months until next year in javascript

so I want to get the current month and the next 12 months in vanilla js. For example, upon writing this question it's April 2022, So I want to have this output:

PDF file sent from flask to client is empty when downloaded

I have a flask server that sends a pdf file with the send_file function. When I test this route on postman I can view and download the pdf. However when I try t

Firebase not returning ID in useCollectionData

I'm trying to make a simple firebase to-do app. I can write todos, no problem. However, when I try to delete a todo or mark one as complete, it seems the id is

jest TypeError: Cannot read property 'createRef' of undefined

ImageSlider.tsx const ImageSlider = (props: INF_ImageSlider) => { const [idx, setIdx] = useState(0); const imgRef = React.createRef<HTMLImageEleme

TypeError: Cannot read properties of undefined (reading 'document')

I was using qraphql (JavaScript graphql-request library) in a project and ran into a typeError. Here's the code: import { request, gql } from 'graphql-request'

Broken image when site is called from external link

My React app is working well when I call it typing directly in the browser, but when I call it from a link sent by email it shows a broken logo in the header. T

React Image Rendering using require()

I'm trying to render images in react using require(). Below is a snapshot of the code that is working. const ProjectBlock: React.FC<{ data: PROJECTBLOCK }>

Using rgba in box-shadow with styled-components not working

I have this code: const Test = styled.img` width: 48px; height: 48px; border-radius: 50%; box-shadow: 0px 0px 0px 1px rgba(27, 31, 36, 0.15); `;

Migrate CRA project to existing Nx workspace

I have the Nx workspace with React and Express apps created via the official React tutorial from Nx docs. Also, I have an independent CRA project that has just

problem configuring CORSin spring boot and reactjs

After reading all the MDN docs on CORS, I am trying to fetch resources at a spring boot server at localhost:8080 from a ReactJS app at localhost:3000, yet i can

How i can get suspense to work on react 18?

Hello my code is as follow wnna try suspense with react 18 but not having luck to render Loading.... User.jsx import React, { useEffect, useState } from "re

Transaction Error invalid BigNumber string (argument="value", value="1.2e+21", code=INVALID_ARGUMENT, version=bignumber/5.5.0)

Hello i have a problem on string bignumber when transfering morthan 1000BUSD this is my transfer code,, i dont know what problem i hope someone help me thanks c

Props values are not updating in webpack server React js

Whenever I try to pass or update the props value from parent to child I need to restart the webpack server everytime. I don't know why props value are not getti

React Native: Reference to pod still present after running `yarn remove`

I'm trying to get a legacy React Native project running, and removed react-native-sharing-winstagram with yarn remove react-native-sharing-winstagram. I get the

ReactJS useState hook: Can I update array of objects using the state variable itself?

I have: const [list, setList] = useState([]); Somewhere in the component, I want to do: list[index][someKey] = some_updated_value; setList(list); Is this

React MUI - Masonry mobile responsive

I'm new to react I'm trying to figure out how I can make a Masonry image grid - mobile resonsive. The idea is that I want the images to stack on top of each oth