Category "reactjs"

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

Property 'isOpen' does not exist on type 'IntrinsicAttributes. ts(2322)

I'm creating a navbar, but I'm not able to show the Wrapper menu when clicked. The error occurs when inserting isOpen = {isOpen} in <Sidebar /> ERROR Typ

How can I view network requests (for debugging) in React Native on Windows?

I found a lot of answers on this topic example but they were all about Mac Os, I would like to view my network requests in React Native to help me debug Windows

Frontend fetch not working but backend shows the API

I have been trying to fetch the user's data from the backend to set it to the state in the front-end of my application. I am using MERN stack. I am on my learni

ReactJS and Azure library problem with displaying certain elements

so I'm doing a school project where I'm trying to fetch data from my Azure blob-storage and then displaying it on a website which is creating in ReactJS. I've m

withRouter' is not exported from 'react-router-dom

After npm i --save react-router-dom and npm install --save with-router I tried to write import {withRouter} from 'react-router'; But I Get this error Attempted

Is there a way to show p5 canvas in on an astro site?

I am trying to get a p5 canvas to work on an astro-generated site. And I am trying to do that by importing a jsx react component. Here is my astro page import S

Is there any way to delay rendering row in a grid in React?

I'd like to ask that if there any way could delay rendering and displaying rows, meanwhile showing a loading overlay. I'm using react and ag-grid. render Code

Warning: Function components cannot be given refs

I'm using Next.js latest version for making my blog website, don't know why show me error, when I'm trying to make my form then show me error like this: Warning