Category "reactjs"

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

nextjs does not support an empty link - what is a workaround for this?

I want to use a <Link /> with no content inside of it within my app, but for whatever reason, if I don't pass any content to it I get the "multiple childr

Trying to render a markdown file with images in react

Im trying to render a Markdown file in my react app. Im using the react-markdown library and converting the MD to text using the following: useEffect(() =&g

Can HTML anchor tags ever be used for internal links in Gatsby?

I'm developing a website where a Search box can return a lot of results in a dropdown list and each result has a clickable internal link to a webpage within the

Enable / disable captions using React-Player

I'm using React-Player, and pretty new to this library. Here is my code where I'm using React-Player: <ReactPlayer ref={video}

Problem finding string atached to json file when translating (i18n)

I have successfully translated many of the pages on my website project but now I have moved to translate specific components that were created and it is not wor

Modal Form: react__WEBPACK_IMPORTED_MODULE_0__.createPortal is not a function

I'm working on shopping Cart app, I want to use a Modal Form to display the cart's content and additional options before place the order, that's why I'm using P

Scroll to the last item of a mapped array

I have a Message component that displays all the messages(incoming and outgoing) in one thread. I would like the last message/a newly typed message/incoming mes

FirebaseError: Function addDoc() called with invalid data. Unsupported field value

im trying to add post to my firebase database but i got error like in the title (Uncaught (in promise) FirebaseError: Function addDoc() called with invalid data

Using ref with React.createElement

I've got a reusable heading component that allows me to pass a tag prop, creating any sort of heading (h1, h2, h3 etc). Here's that component: heading.tsx impor