Category "reactjs"

How to make React-Recharts responsive for all kind of device particularly?

I'm using React Recharts to show some chart data. I am using ComposedResponsiveContainer for my app component and the heights of it is set to "100%" by default.

React JSX Invalid ARIA attribute `ariaLabel`

react jsx: <button ariaLabel='label'>click</button> rendered html: <button arialabel="label">click</button> console warning: index.js:

Plugin React was cnonflicted between package.json

Any project I create using npx create-react-app When compiling the project, the same message always appears: Plugin react'' was conflicted between package.json

I would like to persist add in store without reducer. However, I am not sure how to setup my store accordingly with this

const store = createStore( rootReducers, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ); let persistor = persistSt

React Axios Post Requests Being Blocked After Initially Succeeding

I have a React app that has a contact form that submits data to a third party such as Formspark.io, Formspree.io, or FormSubmit.co who basically collect the for

React re-render vs function re-evaluation

Could someone validate if my assumptions after docs and tutorials reading are correct? First of all I would like to introduce some terminology: reevaluation is

window.dispatchEvent from test code does not trigger window.addEventListener

I have below listener added for which I am trying to write test using Jest. However, it seems as though the event I'm dispatching doesn't reach my code. window.

Extracting month,day and year in react with date.toLocaleString not working

I am building a react app and i am trying to extract the month,day and year in react with date.toLocaleString and my website is crashing,showing a blank page, a

React: Uncaught (in promise) Error: Request failed with status code 400

I'm sending a uid a token and two form inputs from formik to my django rest api for a password reset. When i do so i receive a 400 error with a response that i'

React - UI Clicks are not responsive

The problem is after certain changes(for example logout and login), clicks start to be less responsive or not responsive at all. This happens both in local and

React Testing Library Not Parsing JSON

I have a TextArea component that takes JSON {"someKey": "someValue"}. When I inspect the dom, {"someKey": "someValue"} shows up just fine in the inspector. Howe

Script from localhost:5555 was blocked because of a disallowed MIME type (“image/png”) in vitejs

I am dynamic importing 9 images but the site crash with these err messages Uncaught (in promise) TypeError: error loading dynamically imported Script from &ldq

How to configure http-proxy-middleware without using Create-React-App

I have a cumtom react startkit package, and I need to dynamically configure the domain for front-end API calls. I plan to use the http-proxy-middleware plugin,

React Native / Expo / NativeBase - fontFamily "Roboto_medium" is not a system font and has not been loaded through Font.loadAsync

I am creating a mobile app using Expo and would like to use NativeBase for UI components. No matter what I try to do I get this annoying error: fontFamily "Robo

How to print the checkbox in a row instead of column?

<div> <div> <IndeterminateCheckbox {...getToggleHideAllColumnsProps()} /> Toggle All </div> {allColumns.map((c

Resolving multiple versions of React in component library built with Webpack and Storybook

I'm trying to build a React component library built on top of MUI and using Storybook and TypeScript. Because Storybook (which uses create-react-app) is based o

Resolving multiple versions of React in component library built with Webpack and Storybook

I'm trying to build a React component library built on top of MUI and using Storybook and TypeScript. Because Storybook (which uses create-react-app) is based o

How do I use Webpack to get all files into one file?

I want to use Webpack to add a handler on React. My file package.json look like this: { "version": "0.1.0", "private": true, "dependencies": { "@testin

Unable to find svgs assets with Parcel in React and TS

I've added parcel to a create-react-app project that uses the typescript template. I'm trying to add svgs to my outputted js file following the recommendations

How can I import image file with react?

I have a images files but react is not take them ı cant import like that. Otherwise when i try <img src={require("/FileAdress")} className="Logo" alt="l