Category "reactjs"

Why isn't getStaticPaths working with groq and sanity

i am trying to make this work and it just won't -- Dev hell... I am trying to use next js and sanity io together and i am having no luck. If anyone can point me

Material UI: dialog with Groupbutton

I have this file and I'm trying to have a "group batten", and when I click on it, I have a list with ["Confirm Review", "Reject Invoice", "Assign to User"] and

Using ReachDOMClient from a simple CDN static page

On a simple static web page (no server-side rendering, no bundler), I access react and react-dom using <script crossorigin src="https://unpkg.com/react@18/um

Tailwind default color classes not working

I'm building a React application using Tailwind CSS Framework. I have used NPM to install tailwind in my react app in the following manner: npm install -D tailw

failed to get data from my contract using the navbar (web3 react hooks async function)

I'm trying to build My first react Dapp! The problem I encounter is the data doesn't load only when I'm refreshing the page instead of navigating with the navba

For nextJS installation npx create-next-app stuck on installation

The create-next-app isn't responding it is stuck midway through the installation with zero installation progress and its been like this for more than 10 mins c

React console.log not showing array values

Console it printing Array [] instead of values. I have checked the code but figure it out. Why doesn't console.log show me array values when i click button? imp

how to scale down absolute positioned elements in the right way using CSS

i would like to ask how to scale down elements given absolute position so that they dont distort on reducing the screen size. Like i have attached an image belo

Background Image is not showing from a figma design

below is a figma desing im trying to convert to a react component , the issue that i have is the blue background (which is an image) is not displaying , please

Module not found: Error: Package path ./v4 is not exported from package

I was building a react project but when I tried to run it. It showed the following error: Module not found: Error: Package path ./v4 is not exported from packa

Is there a way to inject PropTypes to React > 16.8? (like React < 15)

I need to give support for [email protected] which is using React 15, and my current project (react 16.8) with Vitejs builder is failing because that libra

How do I "save and restore" the context of a xterm.js instance?

In my electron application, I have an xterm.js terminal emulator, in one of my react tabs. How do I preserve the state of this terminal so that when the use go

How to only change selected state value from useDispatch function in redux

I am using google OAuth for authentication in the nextJS project with next-auth and on login, I store the name, email in the store. but in the initial state, I

Content not from webpack is served from /opt/app/public directory

i have a simple application with react and typescript that display hello world on localhost:8080. When i run my application on command line it works and i see t

Why I am getting this error: Error: failed to process internal error: entered unreachable code: assign property in object literal is invalid

during writing code for JSX file I got an error: Error: failed to process internal error: entered unreachable code: assign property in object literal is invalid

button only clicks once, at one div element

this is the onclick function export function changeColorButton() { document.getElementById("friendDiv").style.background = "grey"; } this is the output file.

react native pdf view error resolving dependency

I have been stuck with this problem in react native version 0.64 latest. pdf view is throwing an error while configuring. I don't understand and not found the

How to style the cell edit component in material table?

So the thing is that I am trying to create an editable table using material-table library and when I click on a cell to edit its content, an edit component show

Using only Lodash, how do i isolate an element that occurs the most in an array?

I am currently following a tutorial that covers Lodash and it is prompting me to return this value : { author: "Robert C. Martin", blogs: 3 } given this ar

How to make MathJax faster?

I was working on a website that contains a lot of mathematical expressions. I use MathJax with React (using 'react-mathjax-preview') but I noticed that renderin