Category "reactjs"

MockServerWorker is not handling responses when using fetch in react

I'm doing test driven development in react course - I'm trying to development test for post request. Below is by react code. import React from "react"; import a

Difficulties rendering 3D avatar with react-three-fiber and React

I'm trying to render a 3D avatar using react-three-fiber and React, but I'm experiencing some difficulties with positioning the avatar. As you can see from from

how to highlight text as per audio on a website in realtime as the audio narrates it

I am trying to figure out which technology to use to hightlight a text as per the audio. Much like what https://speechify.com/ is doing. This is assuming I am

Observe (get sized) control (listen to events) over a nested component in the react and typescript application via the forwardRef function

I have a functional component called MyDivBlock const MyDivBlock: FC<BoxProps> = ({ }) => { {getting data...} return ( <> <div clas

Why my Reactstrap's Media object is not aligned properly?

I have recently started learning to react and reactstrap and I wanted to use Reactstrap's Media Object but my results are not what I want. As shown in documenta

How to render blocks of data from Fetch resource whitout re-render what is already in the screen?

I'm consuming an API, and it returns an array whit length of 370. I want to start rendering only 15, and then, when the user scroll down, render more 15, and so

Nginx Proxy_pass / redirect to fixed url

I created a simple react app to serve as an error page (might be a bit overkill). The idea is that we can easily customize the errors via query parameters or UR

I export my data to Excel but i get this error: Cannot read properties of undefined (reading 'editing')

I Want to export my material table data to Excel but when I click to download I get error in console: Cannot read properties of undefined (reading 'editing') (I

How to add select input in fullCalendar header?

I have created a react project using cra and using react-bootstrap.I have integrated full calendar to my app.The problem is i want to add select input to my ful

Using Webpack 5's Module Federation, is it possible for the shell written in react to host or load an angular component?

We're creating a web app written in Angular that will be embedded/loaded from another web app written in React. I'm not sure if this will work using webpack 5's

how to redirect nextjs app to https on cpanel

I'm new whit Reactjs and Nextjs and I develop an online shop project, I deploy it on a Cpanel and I want to redirect it on SSL port HTTPS how to do it app.js: c

Getting initial state instead of the updated state value React useState

Im trying to update my usestate funtion but im always getting 2 values , the initial state and updated state ,the reason why I cant get the proper values for my

React JS fetch post get error object object error

Post api work postman correctly but Rect JS post not working. Console get this error "POST https://localhost:5001/api/request 400 (Bad Request)" . I tried sever

react-currency-format is not displaying some of the html elements

I am developing a amazon clone by watching a tutorial. I have created a subtotal component where is used imported and used react-currency-format. inside the cur

FlatList don't show me any result why?

I'm learning react native and i'm trying to show data in flatlist, but it didn't works i don't know why this is my code : <FlatList numColu

React State Fails To Update with UseEffect

When attempting to update an array via React state management, the state array is populated, but the user interface fails to update. The user interface only upd

Apexcharts radial chart counter-clockwise progress bar

I am using React Apexcharts to create a radial chart. By default, the progress bar goes in a clockwise direction but I need it to go counter-clockwise. Is there

next build command is not ignoring *.stories.tsx files [duplicate]

I am trying to build nextjs project which has [componentName].stories.tsx side by side with component itself. Running next build fails because

TinyMCE editor and Base64

I'm using the TinyMCE editor for my React application. When I cut and paste the data into the editor, the data is in Base64 format. Now the data is also storing

Compare the two array of objects and render the non- matching values in react

let states =[{name:"goa", Population:1000 },{ name:"maharashtra", population : 100000 }, { name:"Kerala", Population:1000 },{ name:"Delhi", population : 100000