Category "reactjs"

Disable Screen Capture/ScreenShot in React Native App

I have came across few solutions specific for ios and Android to prevent screen-capturing and taking screenshots. But how do i disable screen-capturing in react

useState() undefined in React just after set

I have a problem and I do not undersatnd why the hook return undefined : import React, { useEffect, useState } from 'react'; function App(){ const [globa

Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element'. Type 'null' is not assignable to type 'Element'.ts(2345)

I have index.html <body> <div id="portal"></div> <div id="root"></div> </body> and want to use the component below

Input Fields lagging in React

I am a beginner at frontend and not even sure if this is the right place to ask this question but a developer has created a react app and when data is thrown in

Redirect Router after loggedin

Am trying to Redirect router to "/", without login it set to Landing.jsx, After login needs to redirect to Homepage.jsx which is also in same route "/". tried u

Cannot access local server using localhost but works via IP

I'm viewing a locally hosted website (React ). I can view it via IP http://192.168.1.100:3000/ (192.168.1.100 is my local IP address), but not via http://localh

Why is Graphql data object only available outside the call function

I am new to graphql and react so I can't figure out why the loaded data return object is only available outside the mutation post which produced the data. Could

Is there a way to get RGB value from a live camera feed in reactJs?

I was wondering in ReactJS/ReactApp if it is possible to capture the RGB color from Center Pixel of a Live Camera Feed displayed on a website (honestly any pixe

TypeError: getTodosFromUserDevice is not a function Also TypeError: saveTodoToUserDevice is not a function

I have created a todo list and it works fine, but I need to add async storage to store the todo list when the page refreshes, or closes etc. So, I added async s

How to save unique id as a name of a image in Firebase?

Hey guys I have a problem relating to firebase, so the problem is whenever i upload the same photo twice i got an error that the previous photos go unfetched(th

Material-UI InputLabel covers text when Input value set by another Input field

I am creating a form with Material UI. The form has two sections. One is the user's shipping address, and the other is the billing address. In many circumstance

Material-UI InputLabel covers text when Input value set by another Input field

I am creating a form with Material UI. The form has two sections. One is the user's shipping address, and the other is the billing address. In many circumstance

React bootstrap navbar collapse not working

I have used react bootstrap navbar also used react-scroll for smooth navigation. It's working fine but navbar is not collapsing when clicking any nav item in th

ReactJS - How to print all the content of a Scrollable elment with react-to-print

I have a <div> tag that has a list of elements, the list can be long so I gave a fixed height to the <div> tag and overflow:auto property to have a

can't get response status code with JavaScript fetch [duplicate]

I'm trying to create a login form. when I'm testing the service with Postman, I will get a body object with status code and etc. But, with

How use UseRef to show popover just above the pressed element in React Native?

I am using the Flyerchat library for the chat application. <Popover isVisible={open} onRequestClose={() => setOpen(false)} from={t

React bootstrap navbar collapse not working

I have used react bootstrap navbar also used react-scroll for smooth navigation. It's working fine but navbar is not collapsing when clicking any nav item in th

ReactJS - How to print all the content of a Scrollable elment with react-to-print

I have a <div> tag that has a list of elements, the list can be long so I gave a fixed height to the <div> tag and overflow:auto property to have a

How use UseRef to show popover just above the pressed element in React Native?

I am using the Flyerchat library for the chat application. <Popover isVisible={open} onRequestClose={() => setOpen(false)} from={t

React Native TypeScript Error: Module '"react-native"' has no exported member 'Appearance'

I've recently implemented dark mode into my app, but having an issue with an error when building the npm package with npm build. The code works, but is there a