Category "reactjs"

How can I keep an absolute div from disappearing when the parent collapse is collapsed? (Material-UI)

I have a Collapse element with a button that is absolutely positioned outside of the collapse. Basically, the collapse sits off to the right of the screen, with

Component memoized with React.memo() keeps re-rendering

I have a ParentComponent looking like this: const ParentComponent = () => { [product, setProduct] = useState({ name: "Test", description: "Informat

material-ui fab href does not add baseurl

In a React 16 application that uses material-ui. I have this FAB <Fab color = "primary" aria-label = "Add" className = {classes.fab} size = "small" href

How integrate Smartsupp chat to a React Site (Gatsby)

I want to integrate the smartsupp chat in my Gatsby site (React), but the site only give you the following code... For a better performance would add some 5sec

Error: Typing on the input field of pick for each row just duplicates whatever value was entered in the qty field

So I have this field where you can enter the quantity for each row. It was working, however, when I added another input field for the pick, it will just duplica

jest issue with typescript react components

I'm currently having an issue with Jest and Typescript inside a Lerna mono repo. Inside the test file, I've imported the component import { Doctor } from '../sr

Material-UI DataGrid, display sum of column and sum updates according to filter as well

I have this Material-UI DataGrid, how can I sum all of the values for the column Total Amount in which this will also be updated once filter is triggerd as well

Fetch data from multiple pages of an API in react native

I'm trying to get information from a video game API and put it in my list. However, the API is divided in multiple pages (which I don't know how many there are)

How to use google chart in React-Native?

I am trying to use google charts in my react native app. Below is my code: import React, {useState, useEffect} from 'react'; import {StyleSheet, View} from 'rea

React + NextJS - Protected routes

Objective : I want to redirect a logged in user to the home page if he/she tries to manually go to the /auth/signin. Signin page/component : const Signin = ({

How to change port using fetch and request react js?

This is the code I took from my professor's tutorial. LoginComp is just {username: '', password: ''} const request = new Request("/users/login", { method: "

How do I maintain formatted data coming from ckeditor django in react based frontend?

I have installed ckeditor in django for the purpose of maintaining formatting. The interface looks like this after adding this: But when I'm loading on the reac

What is the difference between storing videos for mobile app on streaming services like Youtube/Vimeo vs storing on cloud storage like Firebase/AWS?

I am making a React app that will display some Images/Videos to the users. To store videos, I chose Vimeo and use ReactPlayer to display the video - I simply pa

How do I correctly call an HTTP API GET request to weatherstack?

I'm trying to do a GET request to api.weatherstack.com (see documentation). Here's my react effect hook: useEffect(() => { if (country === undefined) r

How to hide data rows with certain value with a button?

I use react-bootstrap-table-next. And want to use a toggle button which hide or show rows with a certain value. But the problem is that the table content doesn'

MaterialUI 5 : TypeError: Cannot read properties of undefined (reading 'create')

After I created ThemeSetting.tsx context I cannot use <Button><Button> and all things that use theme of materialUI ReactJS , Typescript error TypeEr

New Google Sign In library prompt at every page reload

In my project, I use regular popup client-sided JS authentication (platform client) I migrated from old Google Sign in to new Google Identity Platform (gsi cli

How to insert a hubspot form in a react js app?

i have a react js website and i want to insert a hubspot form. Hubspot form: <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/s

Trouble fetching token from localstorage - React

I'm new with react and i'm trying to create a basic login function using local storage and tokens. I can see in my devtools that a token is actually stored but

Looking for suggestions for a better solution

So I have a site which has 12 buttons. 6 of these buttons will need to launch a popup with a different video and 6 buttons will need to launch a popup with 6