Category "reactjs"

ReactJs Routing Issue on Github Pages URL

I have a problem with REACTJS routing when I deployed my webpage in Github, I don't know why the routing leading to the Error Page. (this is the default URL in

Omit specific prop from an emotion styled component?

I have a BoxWithAs component, defined something like this: const BoxWithAs = styled.div( { WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'g

Cloudinary Widget is populating twice in my app

I'm using Cloudinary as an image hosting DB for my application. I'm trying to call the widget, whenever I toggle the submit for my ORM function. The call is wor

why im getting this error Elements in iteration expect to have 'v-bind:key' directives

my code works perfectly but i still didnt manage to find out why am i getting this error message i looked it up and it seems that im missing. And another proble

react native expo webview crash application when open pdf uri android

Try to preview a file(pdf,word,doc),once select from document picker? using webview, but it crash the application in android How to read and preview file uri fr

Jest tests breaks when calling getState outside a component in React

A bunch of my tests suddenly started breaking when I use store.getState() inside a function in React. If I log the store, the store exists but it is still break

Sum numbers inside a table

Can anyone help me how to sum numbers inside a table in React.js? My scenario is that I have Product table, inside product it has header column (no, product nam

Unexpected identifier '_classCallCheck'. Import call expects exactly one argument

Unexpected identifier '_classCallCheck'.import call expects exactly one argument. Problem with React Native. I tried everythig from google, but it didn't work.

Why is my cors headers not matching even when they are the same?

I am using passport js with REACT and during fetching the logged in user-data the cors header of fetch isnt matching even though they are the same. this is wh

Infinite scroll with React Hooks (setState)

The React app I am doing is to practice fetch from Github's API with React Hooks. Code: https://codesandbox.io/s/lingering-sea-2cdkng When scrolling to the bott

accessing useContext state-variable returns undefined value

I am trying to implement authentication flow where a User can log in and log out. If the user presses a button in LoginScreen, the signIn() function from AuthCo

ERROR in ./node_modules/@chakra-ui/hooks/dist/chakra-ui-hooks.esm.js 238:11-22

I installed chakra-ui via, npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6 while using ChakraProvider component I'm getting follo

Express Redirect to index.html doesn't render app.js (React Refresh Cannot Get issue)

I'm relatively new to React, but facing an issue which I understand to be fairly common; my app works fine, but when I refresh or try to link directly to a rout

Why doesn't typescript warn about the return type in this function?

For example, I have an onClick handler on a <div> tag. The handler should expect a return type of React.MouseEventHandler<HTMLDivElement> | undefine

React js Compiled with warnings

I am junior backend developer but I use the react library in my clone projects After updating the react script, I started getting a lot of errors in my project.

socket.io doesn't send message back to socket

i'm working on an app which communicate with server via socket.io, users in my app have unique ids which i want to use on my server so i made a small class whic

react three fiber not showing buffer object

i been learning lots about three js with react which use react-three/fiber right now i am learning how to use points to make a simple grid which fill with circl

MUI/Icon makes everything dissapear

When I try to import and use a mui icon in react, it makes the whole div dissapear, and just the background image remain, i have installed: emotion/react, emoti

Ttrying to load a table using react-bootstrap-table

Trying to edit the table cells using react-bootstrap-table, I am able edit successfully, but when I click on other components in the page the edited content has

Auto-scroll in div with React

Having a div with dynamic logs content (props.logs), How can I auto scroll to the bottom? <div className='rc_logsContent' ref={logsRef}> <Collaps