Category "reactjs"

Can you change user.challengeName in Amplify

I'm trying to give the end-user an option on the UI to reset MFA if the end-user loses access to the device they've been using. I want to change the user.challa

How To Pass Props To Function Component use react-router-dom v6

I want to pass props into a function from the route, my code currently looks like this Route <Route path="/person" render={(params) => <ProductDetails

How to connect a Chrome extension made with React to Metamask and other wallets?

I need to connect Metamask to a Chrome extension I'm doing. I'm not a crypto expert, I'm using ethers js and following some tutorials but the extension doesn't

React Application <head> tag has the <script charset="utf-8" /> around 15 times. How can I reduce that? And why is it showing it so many times?

The <script charset="utf-8" src="/static/js/{chunkName}"></script> tag appears an incredible amount of times coming from different chunks. Why is th

react-bootstrap-table warning each child in a list should have a unique "key" prop

I'm building an app and while the code works, I'm trying to eliminate a persistent warning message with little success. I consistently get: Warning: Each child

Editorjs custom block renders twice on click when made as default block in react project

I followed this tutorial to integrate editorjs in react and create a custom editorjs plugin. This tutorial works fine to create a custom block but I wanted to m

passing props as classNames in next.js

I am trying to have the header of each of my app's pages change color based on the current page. How I am trying to achieve this: <Header className="headerBi

webpack dev server only reloads once

Ok so now i have read a lot of different issues on stackoverflow without any luck, they seem all to go to an older version of webpack-dev-server. I have tried a

Using the Context API as a way of mimicking useSelector and useDispatch with redux v5

I'm working on a React project where I'm constrained to using React Redux v5, which doesn't include useDispatch and useSelector. Nonetheless I really would like

Fill parent container and reduce image resolution with next/image

I'm trying to fill a fixed-size container with an image. layout="fill" works like a charm, but even though container is only 125x125, the original image gets do

Firestore to query by an array's field value

I'm trying to run a simple query, where I search for a document that contains a value inside an object array. For instance, look at my database structure: I wa

Using Remark and Rehype plugins with MDX in Next.js (with @next/mdx)

I was trying to use Github Flavored Markdown using @next/mdx but I can't seem to figure out how to use plugins with the code. Here is what I did: (I am followi

NextJS scroll into view of specific component upon button OnClick that exists on a different js file

I'm using NextJS and I have my components on different js files that come together under one js file on my "pages" folder (index.js). What I want to be able to

React MUI: theme color custom prop not applied

I have 2 themes, dark mode and light mode: import { styled, alpha, ThemeProvider, createTheme } from '@mui/material/styles'; //I use the dark theme only const

Tree shaking of shared dependencies in webpack 5 module federation

I am working on an architecture for a dynamic dashboard with components fetched from different remote react bundles using webpack 5 module federation. I do have

Vite support for decorators

My code has some .js and .jsx files that use Mobx decorators. I tried adding the babel plugin, but it seems that it's being ignored. My vite config is import {

Adding inline stylesheets in HEAD on Next.js blog

I have a blog (http://minid.net) in Jekyll that I want to migrate to Next.js. My blog doesn't use an external file for styles. I embedded all the styles in the

OpenID Connect + Django DRF + React: How to use?

I have a web application made up of two parts: back-end which is implemented using Django + Django Rest Framework (DRF), and front-end which is a React App proj

Why component doesn't rerender?

const [dammy, setDammy] = useState({ name: "any", status: { "1.0.1": "Successfylly installed", "1.0.2": "Successfylly installed", "1.0.3": "Succ

How to pass a File JS object to Rails controller

I have a JS file object (like the one below) that I'd like to pass to my rails controller. File {name: 'undefined', lastModified: 1652457009460, lastModifi