Category "reactjs"

Can one implement an update system like the CoinMarketCap app in Ionic

I'm currently building an Ionic app which will be getting very frequent updates. If possible, I want to avoid sending users to the app/play store each time I pu

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