Category "reactjs"

How to parse a json that returns an array of objects

I did some back-end changes to send 2 JSON from localhost:3001 It looks like this now: const response = await fetch(apiURL); // fetching the data from the a

Render docx in React js

I would like to properly render a docx file in React JS with the correct formatting, as it would appear in Word or a similar service. Currently, when displaying

Passing value of component in separate jsx file's value to event on Full-Calendar

I am new to React. I am trying to pass the value of a select box imported from a separate .jsx file to an event for full-calendar. I can't find anything on this

Consume Cloud Run environment variables inside Nextjs app

I've recently built a Nextjs app, which I am hosting on Google Cloud Run. My app makes some requests to external APIs from the getStaticProps() method. I would

Where do I get user and pass for email form api setup?

I am trying to get this form working in Nextjs using 'React Hook Form'. So far I think everything is okay, but I need to know where to get the 'user' and 'pass'

Error: Cannot find module 'html-webpack-plugin' - Webpack (React)

I tried to create a basic React app with webpack 4 following this link until installing "html-webpack-plugin", I did not face any errors. But, once I run the c

html Button on top of link

Hey I have a div which is wrapped by a Link component, and inside that div I have more buttons, but the problem is, when I click on the inner smaller buttons, I

Manipulating server side API with state value

So I built an app in React but later switched to Next.js as my api provider only accepted api calls in the server side, I had built a pagination in react very e

How to set a particles background on nextjs?

I would like to set a particles background only on one page of my web application. I used the following code: import styles from "../styles/Page.module.css"; im

React-table library- 'useTable' is not exported by node_modules/react-table/index.js

React version: 16.8.6 React-table version: 7.6.3 Hey. I am getting the next error only when trying to build my project. When running it locally, everything wor

Uncaught TypeError: Cannot assign to read only property 'checkGuess' of object '#<Object>'. how do I fix this?

Im trying to send the form input data to a different component and keep recieving the error 'Uncaught TypeError: Cannot assign to read only property 'checkGuess

Change Default Sort and Order for React Jhipster

I am using Jhipster 6.8.0 and trying to change default sorting (sort by : publishedDate and order : desc) based on the following code: const [paginationState,

React.js App shows blank page on AWS amplify

I deployed my app to AWS Amplify and when I connect a custom domain like app.murmurcars.com browser shows a blank page. But when I use the domain https://dev69

Setting onBlur overrides default onBlur function

I am using a component from a library (react-native-searchable-dropdown) that already has some onBlur function implemented by default. I want to add some additi

Why isn't necessary the contextAPI in that case?

I thought that if I want to pass a state in another component, it is possible only through props or with contextAPI (provider etc). For example: import { create

Reactstrap tooltip to be placed on the bottom of whole div, not its children

I used reactstrap Tootltip and the target for it is supposed to be some div. I want tooltip to be always on the bottom of the main container. Unfortunately the

Use react-hook-form with select and multiselect

I'm trying to use react-hook-form with multi-select and select but it is not working. It worked with normal text field but not with select and multiselect. Here

I manage to upload the image but on the firebase storage but it says undefined

I cant preview the image inside the store, it says undefined I manage to upload it on images/ folder but the name of the file is undefined instead of the actual

changing video source in useEffect based on language change

I'm trying to play different videos on language change. however the same video always plays, useEffect(() => { console.log("language changed: ", i18n.langua

Firebase RecaptchaVerifier.clear() has no effect

I have react web app where I want to implement phone auth. I have initialized recaptchaVerifier based on docs and examples. However if I want to submit the for