Category "reactjs"

React - Module parse failed: You may need an appropriate loader to handle this file type 6:15

Help me with this error: NPM run error my webpack setting: module.export = { module: { rules: [ { test: /\.js$|\.jsx/, exclu

axios returns promise instead of data

I am querying some data from IPFS using axios, the problem is that after calling the specific api the return value is a promisse from axios. const getNFTDetail

react npm run build fails with Unexpected '/'

The react app is completely fine when I run "npm start" and everything working without errors. But when I try to build the app, it gives the following error: re

Strategy for deploying finished React app in Wordpress

I'm developing a web application using React and WordPress as a headless CMS, since WordPress as a backend is easy for my client to access and change. The React

How to apply media query in nextjs [closed]

Media Query in nextJs Application - I want to apply media query in my website so that that i can make it responsive how can i do it? I want to

after doing "npx sb init" (react storybook): node_modules/react-router/index.d.ts:151:74 - error TS1110: Type expected error

I am working on a large typescript react monorepo. In one of the packages I added react storybook using "npx sb init" After doing that, when I did a yarn build

React - pass context to SweetAlert popup

My context is as follows: import React, {createContext, useEffect, useState} from "react"; export const CartContext = createContext(); const CartContextProvid

UseStore is async? How to ensure that store-data is loaded completely?

I have a serious problem with State Management in React. I am using Zustand and it works pretty well. However, when I access the store and try to output it one

Storybook (with Vite / Typescript / MDX) doesn't show ArgsTable

I'm trying to show the table with props on a MDX docs page, but whatever I try, the table only shows: "No inputs found for this component. Read the docs >" I

React-Typescript: Module '"react-router-dom"' has no exported member 'RouteComponentProps'

I have a project and with this project I have a login page and I want to use "RouteComponentProps", but I got this error: Module '"react-router-dom"' has no exp

How to write a TypeScript NPM package with JSX property suggestion/autocompletion for intellisense

I created a mini UI library and published it to NPM registry. My library is written with strongly typed styled-components (TypeScript) and can be imported in Re

I get an error undefined reading push in React

This is my code. I'm having an error undefined reading push. I want to pass City to another component. const onInputCityChangeHandler = (e) => { s

useContext gives App.js:24 Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))

I am using an Auth Context Provider in my App, which is initialised in this file: authState.js import React, { useReducer, createContext, useContext } from "rea

how to add a new item inside an object

react I have that problem. I cant add a new item inside an object const person = { name:"farhan", age:"25", address:"daka" }; person.push({professi

Meta description is not showing on google results page - REACTJS

my meta description tag is not showing on google result page as well as favicon. my technology stack consist of - reactjs on frontend & entity framework on

react merging two components and sorting data by date and time (newest at top oldest and bottom)

I have codes below code removed The problem is it prints rows of expenses and then rows of incomes (i.e posts from expenses are printed first then after them i

react-hook-form's validate function always returns errors

This is the one that occurs problem. <input type="text" name="nickname" {...register('nickname', { required: true, validate: async

How to dynamically change material ui icon depending on the backend response?

I have a table and in this table, there is a column named status, and in this column, three values are returned from the backend, which are "approve", "Review"

Error when set sameSite from strict or lax to none - HTTP only cookie - ExpressJS

I am running on a MERN stack project. Back-end runs on port 5000, and front-end runs on port 3000. After I've built to production, I pushed the server file to H

How to maintain script tag position on webpage?

I am using a script tag to add a widget to my Next.js app. I have create a section component for this widget but when I run the app it renders below my footer b