Category "reactjs"

'cypress-promise' library is not working as expected

I have tests in which i used the cypress-promise library. I have included promisify in that to wait until my commands are executed and give response. in my file

How to close Bootstrap 5 modal in React.js?

Using Bootstrap 5 Modal in React.js, the Modal opens on click of the button. If we have a form on the modal, need to perform some validations, and allow to subm

Multipart form parse error - Invalid boundary in multipart: None content-type issue?

I am working on simple CRUD with react and react-redux and having trouble with POST in client sideBoardList.js import React, { Component, Fragment } from 'reac

Why does useEffect React Hook not work properly with dependency?

I'm working at a React Web App with Fullcalendar. I think one does not need to know Fullcalendar in order to answer this question. It's rather a matter of React

How can I export a JSON object to Excel using Nextjs/React?

I have an endpoint that retrieves a json object like the following: "data": [ { "id": 1, "temaIndicador": "Indian", "codigo": "001", "observaciones": "Interacti

Laravel-echo-server and Socket.io not firing command even though it's listening to channel

I've been trying to create a live chat application for a couple of days now, but it seems that I'm getting stuck on the first step; Getting the project to fire

can i use "amazon-cognito-identity-js" for federated authentication with cognito

I use "amazon-cognito-identity-js" javascript library to integrate Cognito for my react app. it seems that only supports email/password authentication only. I w

Stream updates from AWS glue catalog to WebSocket React

I'd like to know if there's some way to stream data updates from an AWS Glue catalog to a React app by using a WebSocket or API Gateway. thanks, David

React I have an endless loop rendering my edit component

I have two components. My dashbord-component, in which I am dispatching the getAllDropDownRessort, which triggers the findAll function in my dropdownRessortSlic

react-hot-toast custom positioning overlay

I am using react-hot-toast npm package for my notifications and i have created custom card with the help of toast.custom() function. I need to overlap notificat

How can I use Bootstrap 5 with Next.js?

After installing bootstrap with npm install bootstrap I added the style to /pages/_app.js like so: import 'bootstrap/dist/css/bootstrap.css'; export default fun

How to Use Dynamic Form Input Value with Editable REACT.JS?

How to Make Dynamic Editable Value REACT.JS Form? When I try to use the dynamic form input value in react.js, the dynamic value is not editable, how can I fix t

How to remove unwanted Emmet Abbreviation in vs code autoComplete suggestion

How to remove default value in Emmet Abbreviation suggestion? For example, I want background-color : ; instead of background-color:#fff; need to manually remov

How to embede Apache Superset chart into React app

I want to embed my chart from Apache Superset into my React.js App. So far I know there is possibility to use like this: <iframe id="myIFRAME"

Is it possible to run Mongoose inside next.js api?

I'm building a website for my sister so that she can sell her art. I am using Next.js to set everything up. The website renders the artwork by grabbing an array

React FileBase64 Styling

How can I style Filebase input button? It looks very ugly and I don't know how customize it... This is what I have: <FileBase type="file" multiple

Next.js ISR pass additional data to getStaticProps from getStaticPaths

In SingleBlogPost.jsx i have: export async function getStaticPaths() { const res = await fetch("http://localhost:1337/api/posts"); let { data } = await res.

raster tiles from a custom source in ReactMapGL

I'm new to ReactMapGL library, I need to load openweathermap data on Mapbox map using ReactMapGL library following the way I have tried but it is not successful

how to remove WebKitFormBoundary from uploaded file

I'm trying to upload a Webvvt file using multipart/form-data, and the problem is that when I send the file to api, the file contain WebKitFormBoundary header an

Unable to render text in arabic using React-pdf

I am trying to display Arabic text in pdf using react-pdf but it shows un-appropriate text Following is the text in png that I have tried to show in Arabic and