Category "reactjs"

cant access state, react redux

I have a page with notes for a specific user, the problem is when i'm trying to access the state of 'my notes' i get 'undefined' on console, in postman, everyth

Storybook install with react

I tried running npm run storybook after installing it for the first time on my new create-react-app application and I am getting this error. Anybody know how to

How to use redux in Next.js?

I am new to Next.js, So I follow some tutorials for Redux integration in Next.js. All is working fine but whenever I switch between pages, each time API make a

Vercel causes 500: Internal Server Error (works on localhost)

I'm creating a page where I can get an overview of all my notes/summaries. The note's pages are markdown files converted into HTML used in a dynamic file. The '

Webpack: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object

I want to create custom component and build with webpack // packages/button/src/index.js import React from 'react'; function Button({ href }) { return <a

Critical dependency: the request of a dependency is an expression while using lazy loading

I am trying to dynamically import modules but getting following error - Compiled with problems:X WARNING in ./src/.../useCustomModule.js 21:21-56 Critical depen

How to re-render a heavy React component with a low priority?

With some parameters, I have a React component that can take a few seconds to render but it is not a problem at all if it is not up-to-date. To prevent the UI f

How to add header in exported CSV file in react-bootstrap-table

I would like to add a couple lines as header on top of the exported CSV file in react-bootstrap-table Like this one: I've gone through the docs but still no id

How Can I Avoid This Warning ' A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from...'?

const AddItem = () => { const [user] = useAuthState(auth); const navigate = useNavigate(); const handleAddCar = (e) => { e.preventDefault()

How to fix my NexJs deployment error on Vercel "No serverless pages were built"

I'm getting this error in my log when I try to deploy on vercel Found next.config.js: /** * @type {import('next').NextConfig} */ const nextConfig = { reactS

" Dependencies installation error" : Is Netlify asking for a previous version of node to deploy the site?

While deploying my app with Netlify I am getting this error Dependencies installation error Is it asking me to install a previous version of node locally and r

How to pass ref to draw control in react-map-gl

Following the Mapbox draw example I can use the draw variable to access all features that are drawn on a map. const draw = new MapboxDraw({ // ... }); map.addC

Material-table export dropdown view broken

I am having trouble with the Material-Table library in a NextJs project. It works fine for the large part except for the export button which displays a very sma

How do I resolve 'Null is not an object' error when evaluating RNRandomBytes.seed

I'm trying to build a mobile application with expo and react-native, I have a screen where I need to generate a passphrase for the user and I'm using react-nati

Snipcart Crawling product failed in a nextjs app

I'm using snipcart in a nextjs with strapi app. I receive an error when processing a payment : A 'cart-confirmation' error occured in Snipcart. Reason: 'produc

React Component SCSS available for all Components

I just started learning ReactJS and I made a Project with .scss For some reason when I add a style in a .scss file that style also changes other components' st

How to store local storage and regular data at the same time in a reducer ( redux-persist)?

I have store.js import {configureStore, combineReducers} from "@reduxjs/toolkit" import { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE,

How to reach multiple elements in an array without using axios

Yesterday i saw a React project on youtube and i wanted to test it myself. This function connects to the link and returns me the questions of the category and d

Can't establish wss connection [React + ASP.NET Core, SignalR + nginx]

I have React app that talks to Asp.Net core API. Both of them are deployed on Docker on my VM. Nginx is installed and configured to resolve domain names for app

How do I update the parent JSON from child

I'm writing a React code in which I need to upload a CSV file, on click of a button, Create a new column, once I update a value there, update the JSON passed fr