Category "reactjs"

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

ReactJS Can't get value of something because not rendered yet, but the function where i get value is called in the rendering

in my React app, I am making a contact form. At the moment I am trying to make it actually send an email, but the thing is that the function where i get the val

<ResponsiveContainer> in Recharts is not rendering

I'm trying to use a lineChart from Recharts in my react app. But while I'm using the </ResponsiveContainer> the line chart is not getting rendered. Here i

Reading text in Chip

I have a Material UI chip where I want to read the text within it when I click that chip. My code so far is below: <Chip label={name1} color="primary"

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default while deleting images in cloudinary using react

I want to delete images of cloudinary in react , i am using firebase for backend , so cant use node.js backend api, so have to use cloudinary api to delete imag

How to extract data of cell clicked grid.js

I am using Grid.js to render a table in react. I need to extract the data in one of the cells. When I map the args, I get two results back....a MouseEvent and '

Failed browser "fetch" causes second unrelated fetch to fail

I've stumbled about a strange bug that I can't wrap my head around. In an application I'm working on, due to an error, a fetch with a way to big URL was trigger

Why does reCaptcha disappear when I navigate to another page?

if I want to load the captcha by clicking refresh button its loading, but when we navigate to another page and clicking browser back button then captcha is goin

Handling Sessions & Idle Timer between multiple tabs in React SPA

I'm developing a React Application that has User Authentication with session duration. while login the response will give session duration with userObject. I'm

throttle from lodash in react not working

I use the throttle from lodash in this way on mouseMove event to track the mouse position in the div square, but the throttle function that I wrote seems not wo