Category "reactjs"

How to make a Post Request with XML using Axios?

I have a Network error with Axios, using the following code : const getXMLNS = (number) => { return ( '<soapen

mui select wrap text to next line

I'm using Material UI the select with checkbox, I have the following code the select component MenuItem is not wrapping the text with checkbox to next line in t

ReactJS / Axios / Django: Update form with the current image from API

I'm trying to create an update form in React, the update works fine as I have set the default values that coming from (get method) using axios and set them as t

How does chart updating works within the context of react?

I currently have a Radar chart in chart.js using the react integration. I was suprised to note that, when I updated the data, instead of showing a completely ne

How to use class component without extending React.Component

I have been given in built ui kit which has class based component without extending React.Component. Now i need to use those UI components for building UserInte

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