Category "reactjs"

Creating styled-component with React.createElement

I would like to create a styled-component with a function, taking element as an argument, which I create with React.createElement call. const StyledComponent =

What are the nodes in reactjs?

I am very new to Reactjs, I have encountered this problem while I am learning react, What are nodes in reactjs, and how nodes are useful in reactjs and why we h

Why did user object is undefined in NextAuth session callback?

I use NextAuth for signIn with discord provider and I need to add userID into the session object. For that I use session callback but user object is undefined.

React: why is that changing the current value of ref from useRef doesn't trigger the useEffect here

I have a question about useRef: if I added ref.current into the dependency list of useEffect, and when I changed the value of ref.current, the callback inside o

how can i give type in getServerSideProps of Nextjs with typescript?

I'm using NextJs + TypeScript to make a little clone project, but I got a problem with type in getServerSideProps. As you can see, in getServerSideProps, I am f

Spread operator for props are not passing to component

I am having an issue passing spread operator props to components. Instead of returning a list with values, it is returning an empty list. This is how I'm passin

I have a problem entering data into an object using FOR

I have an object I want to go through using the FOR loop Because I want to change the object according to my needs Here is my original object I copied it from c

Keep getting error while creating react app

I have been trying to create a react app, so basically a new project such as hello world or anything. I try using npx create-react-app my-app The error I get is

Cypress wait for API after button click

I've made a React app, which all works perfectly and I'm now writing some end to end tests using Cypress. The React app all works on the same url, it's not got

Do react hooks work via CDN links in a simple single html file?

What is wrong with the following html & js, I can't use hooks! ... this is the only file in my project (no other files or package managers) <html> <

Error: ENOENT: no such file or directory, stat ... .steampath

I am trying to start the development server on a React project that I have not worked on for a long time. Upon running npm install and npm start I received the

Unhandled Rejection (Error): call revert exception

I am getting this error message when trying to interact with my smart contract on my react front end. I am running localhost3000 and which requires metamask to

React is not rendering components

I'm working on a project with a single component (Home). I'm trying to render the component on localhost:3000. But it's not showing up in the browser. The error

Expo Cannot Find Module after reinstall

I'm having issues getting expo to start. It tries to open dev tools and dev tools will not open and gives me this error: Cannot find module 'C:\Users\charl\Ap

Why I need to press Login button 2 times then it will fetch the user data from firestore?

I am new to react-native and firebase authentication also firestore database. Basically here I would like to implement 3 different types of user which is buyer,

How to implement FreshworksWidget into next.js project?

In Freshdesk docs they provide this script: <script> window.fwSettings={ 'widget_id':12000000025, 'locale': 'en' }; !function(){if("func

Add different icons for teams custom apps outline?

I have a problem, I want to add different icons when my app is selected and when my app is not selected in teams, something similar to what we have for the defa

Injecting React providers around page with Chrome Extension

I'm writing a Chrome extension that injects some React components into a page. Some of these components need to be wrapped by providers to work properly (for ex

disable other buttons using e.target.id

I have ten expansion panels. on click of one button in one expansion panel I need to disable other buttons in other expansion panel but the problem is when I tr

Styled Components Folder System

I've been reading various articles on styled-components in React. One such article suggested using presentation and structure components, but on the styled-comp