Category "reactjs"

Understanding Flutter and React Native [closed]

I am evaluating React Native and Flutter. I am not experienced in both of these frameworks and hence need some information which I did not fin

share hooks across components

I am trying to understand how to share hooks state across components. But it doesn't seem to be sharing. Am I doing something wrong here? Home.js export default

Is it possible to pseudo render a fragment so it can create its children for you to access?

I have a masonry layout component that looks somewhat like this: function MasonryLayout({ columns, gap, children, ...rest }: Props) { const columnWrapper: any

cannot use react-spring (Uncaught Invariant Violation: Invalid hook call)

import logo from "./logo.svg"; import "./App.css"; import { useSpring, animated } from "react-spring"; function App() { const props = useSpring({ to: { opacit

Property 'isOpen' does not exist on type 'IntrinsicAttributes. ts(2322)

I'm creating a navbar, but I'm not able to show the Wrapper menu when clicked. The error occurs when inserting isOpen = {isOpen} in <Sidebar /> ERROR Typ

How can I view network requests (for debugging) in React Native on Windows?

I found a lot of answers on this topic example but they were all about Mac Os, I would like to view my network requests in React Native to help me debug Windows

Frontend fetch not working but backend shows the API

I have been trying to fetch the user's data from the backend to set it to the state in the front-end of my application. I am using MERN stack. I am on my learni

ReactJS and Azure library problem with displaying certain elements

so I'm doing a school project where I'm trying to fetch data from my Azure blob-storage and then displaying it on a website which is creating in ReactJS. I've m

withRouter' is not exported from 'react-router-dom

After npm i --save react-router-dom and npm install --save with-router I tried to write import {withRouter} from 'react-router'; But I Get this error Attempted

Is there a way to show p5 canvas in on an astro site?

I am trying to get a p5 canvas to work on an astro-generated site. And I am trying to do that by importing a jsx react component. Here is my astro page import S

Is there any way to delay rendering row in a grid in React?

I'd like to ask that if there any way could delay rendering and displaying rows, meanwhile showing a loading overlay. I'm using react and ag-grid. render Code

Warning: Function components cannot be given refs

I'm using Next.js latest version for making my blog website, don't know why show me error, when I'm trying to make my form then show me error like this: Warning

Can you change user.challengeName in Amplify

I'm trying to give the end-user an option on the UI to reset MFA if the end-user loses access to the device they've been using. I want to change the user.challa

How To Pass Props To Function Component use react-router-dom v6

I want to pass props into a function from the route, my code currently looks like this Route <Route path="/person" render={(params) => <ProductDetails

How to connect a Chrome extension made with React to Metamask and other wallets?

I need to connect Metamask to a Chrome extension I'm doing. I'm not a crypto expert, I'm using ethers js and following some tutorials but the extension doesn't

React Application <head> tag has the <script charset="utf-8" /> around 15 times. How can I reduce that? And why is it showing it so many times?

The <script charset="utf-8" src="/static/js/{chunkName}"></script> tag appears an incredible amount of times coming from different chunks. Why is th

react-bootstrap-table warning each child in a list should have a unique "key" prop

I'm building an app and while the code works, I'm trying to eliminate a persistent warning message with little success. I consistently get: Warning: Each child

Editorjs custom block renders twice on click when made as default block in react project

I followed this tutorial to integrate editorjs in react and create a custom editorjs plugin. This tutorial works fine to create a custom block but I wanted to m

passing props as classNames in next.js

I am trying to have the header of each of my app's pages change color based on the current page. How I am trying to achieve this: <Header className="headerBi

webpack dev server only reloads once

Ok so now i have read a lot of different issues on stackoverflow without any luck, they seem all to go to an older version of webpack-dev-server. I have tried a