Category "reactjs"

How to change the `frontend_domain` port in `GRAPHQL_AUTH` in the verification mail?

I'm working on a Docker-Django-Graphene-React stack where Django is the backend which receive GraphQL queries through Graphene from React which acts as the fron

Page reloads when I use the setState function in React.js

When I use setState to change the object, the page reloads, resetting everything on the page. As I am making a tic-tac-toe app, either an X or 0 appears when I

process.env.CI = true build failed

I have a project written in react-script and during build I got error Treating warnings as errors because process.env.CI = true. Most CI servers set it automati

the home button in the drawer is not working but the one on the bottom tab is working well

This is the App.js when I change the home name in the navigator it works well <Drawer.Navigator drawerContent={props => <DrawerContent {...props} /

Is eslint pre-commit hook in CRA bootstrapped application required?

My react application is bootstrapped using CRA(react-scripts v4.0.0) and I want to add a code formatter (prettier to be specific) that must format the code befo

How to add items to array in react

Code: export default function App() { const [name,setName] = useState(""); var myArray = []; const handleAdd = () => { myArray = [...myArray,name]

how to I get a user's IP address when separate client and server apps, in Node with Nest.js

I have two apps, one front end (react.js) and one a REST API back-end(nest.js based on express.js). How do I get the IP address of the user accessing the back-e

How do I translate Country name pop-up to other language in jVectorMap - React

I have been looking for the answer for a long time but couldn't find any solution. Let's say my website's default language setting is English and when a user ho

Issues when converting a class component to functional component

I've attempted to convert the following demo.js class component here into a functional component over here (demo.js) and when I attempt to make a change, I rece

How to get rid of React-Quill image resizing warning?

Implemented image resizing with React-Quill. The module I used is "quill-image-resize-module-react" and it's working fine. However, whenever I change the conten

Add notification to Windows notification center without displaying it on screen

I am building an Electron app featuring a custom Notification feature where html5 divs appear and disappear as needed on a frameless, transparent, always-on-top

Material UI responsive grid direction

I want the container direction as "row" above md size screen and "column" below md size screen? How can I implement it? <Grid container direction = "row"(in

Confused about how to create a ref if there is no forward ref?

There are three options, I don't know which one is the best. //@ts-nocheck import React, { useEffect, useRef } from "react"; export const Child = React.forward

admin pages in Next js that only authorized users

I have admin pages in Next js that only authorized users should have access to. I have a cookie verification service: import { NextApiRequest } from 'next' impo

How to make a marquee animation which never leave the view blank ? With images

I am trying to make a marquee animation, but i can't manage to make it perfect. As you can see when a logo goes out of the page it do not get back from the othe

How to integrate a React webapp inside a spring boot Application with jar packaging

We have a react webapp and a spring boot application(built with maven) in development. The React app(on npm) and boot app are running separately but time has co

Deploying React app to production returns "You need to enable JavaScript to run this app"

Problem I have an axios call at "/artists", that gets a list of artists returned as an array of JSON. It works in development. However, in production it outputs

Sending cookies/sessions to subdomains

As the title says, I'm trying to set cookies/sessions on the browser. To preface: Frontend: https://www.example.com Backend: https://api.example.com Frontend ma

How to delay updating React state in react-swipeable-list?

I'm trying to use react-swipeable-list to enable swiping in a pair of lists (the first is a list of items I might shop for, the second list is the list of stuff

MenuIcon not found in MUI

I'm trying to implement a appbar from mui which is include a MenuIcon. I've tried import MenuIcon from '@mui/icons-material/Menu'; from mui documentation. But i