Category "reactjs"

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

Alignment Problem After Deploying in Netlify / React App

Github Repo Link This is a react app that I trying to deploy on Netlify but after deploying its alignment does not work as it works on the local machines. Netli

Understanding Flutter and React Native [closed]

I am evaluating React Native and Flutter. I am not experienced in both of these frameworks and hence need some information which I did not fin

share hooks across components

I am trying to understand how to share hooks state across components. But it doesn't seem to be sharing. Am I doing something wrong here? Home.js export default

Is it possible to pseudo render a fragment so it can create its children for you to access?

I have a masonry layout component that looks somewhat like this: function MasonryLayout({ columns, gap, children, ...rest }: Props) { const columnWrapper: any

cannot use react-spring (Uncaught Invariant Violation: Invalid hook call)

import logo from "./logo.svg"; import "./App.css"; import { useSpring, animated } from "react-spring"; function App() { const props = useSpring({ to: { opacit