Category "reactjs"

Disable Ripple effect on MUI Button and add custom

I wanted to remove the ripple effect on the button and implement my custom effect in MUI Button. I have removed ripple using disableRipple. I have tried to appl

Error when running npx create-react-app myapp on fresh install of node.js

I followed the reactjs.org website for create-react-app to a T I haven't been able to find this specific error anywhere, and most posts are years old; irrelevan

ERROR CREATING REACT APP WITH npx create-react-app

it won't let me install react because this error comes out i am trying to install react but i get this error message npm ERR! code ERR_SOCKET_TIMEOUT npm ERR!

how to get the text-underline from strapi articles to my gatsby frontend

I'm working on a support site with strapi(backend) and gatsbyjs/react (frontend). I am trying to retrieve from my admin strapi the text I have underlined and di

how to load Svg components in remix run application

I have some Svg files which i want to load as react components in remix run app. for example in create-react-app your could do something like this import { Rea

Is it possible to combine optional chaining with arrays and map (in Javascript)?

I recently learned about optional chaining in Javascript and have been making use of it in a React/NodeJS project. Works great. I noticed I have been using it

How can you replace entire state in Redux Toolkit reducer?

EDIT: The solution is to return state after I replace it completely (return state = {...action.payload})! But why? I don't need to return it when I replace th

Upload csv file and send it to api with react js

I'm using react js version 17, I want to upload file and send it to my node js api. I have two buttons, The first button used to read the first line in the file

head tag not appearing in view source : next:js

i have created my next js appp where i have implemented my head tag but when i check the view source by right clicking i dont see my title and meta tags there

Is there any method to pass multiple selected option value to MongoDB using React JS?

I want to pass the selected option value to my back end using React Select. First I want to select option from React Select then I want to store into the usesta

Jest - SyntaxError: Cannot use import statement outside a module

I am using jest:24.9.0 without any configuration, installed globally from a create-react-app. Inside these files I am using es6 modules. There is no error when

React - Uncaught TypeError: Class constructor Firebase cannot be invoked without 'new'

while using Firebase Auth in React I got this in the Console: Uncaught TypeError: Class constructor Firebase cannot be invoked without 'new' at Recompose.es

How to generate form and crud using Spring and React

I want to dynamically generate crud form based on my API. I am using spring, spring-data-rest and spring-hateoas. I don't wan't to render react from java. I

TreeSelect is hidden behind when using it in a Modal and trying to open it to see it's elements

I tried using the Ant Design TreeSelect component withing a Modal, but when opening that TreeSelect the values of the tree is hidden behind the Modal. I tried

React table does not contain a default export

I want to create a table in react using react-table library version: "react-table": "^7.0.0-rc.15" When I try this: import ReactTable from 'react-table' impo

Vite Reload Loop

I am trying to finish a migration away from Parcel and into Vite. We use caddy to reverse proxy a custom domain locally through a Docker container. The issue I'

Getting "Types of property 'accessibilityRole' are incompatible" error

Am getting typescript error when i extend th TextProps from react-native and pass it to the Text component created by styled-component Overload 1 of 2, '(prop

React webcam error on stop and time limit

const handleStartCaptureClick = React.useCallback(() => { setCapturing(true); // setStillRecording(true); setStillRecording(prev =>

Is there any method to post array values from React front end to the MongoDB?

This is my data which i am getting from the API to display at front end. { "id": "1SrGx2uav1jVjThZTuyfzcmk", "name": "George", "surname": "Watson",

How to change navbar background color in react when I scroll

I would like to make my navbar start out as transparent but when a user scrolls the navbar will change color / background-color. I am using a bootstrap navbar a