Category "reactjs"

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

Static builds of react js giving error for array.map but developmemnt server is running well

The error is in the functionality where the frontend requests for data from the backend and then uses array.map to display each element of the data. The data is

how to Create multiple row in React Bootstrap table

How I can show stockVendorPriceList in multiple rows like the image below? I mean if I have an Array of Object in stockVendorPriceList it will show them separat

How does React hook handle dependency lists when passing objects to child components?

Parent component like this: function ParentComponent(){ return ( <ChildComponent data={{ x: 1, y: 2 }} /> ) } Child component like this: function