Category "reactjs"

Fetch API in DatoCMS doesn't bring all the published posts

I want to fetch all my published blogposts from DatoCMS. Actually, I'm doing this. The problem is that it only brings 65 when I have more than 100... does anyon

Deploying Out folder in NextJS 12.1.0

Before the new version 12.1.0 of NextJS when i ran the command run build && export i would get this Out folder, which I could upload to any host, for e

Why browser is not setting the cookie sent from my node js backend?

I'm trying to set a cookie from the backend server running at "api.mydomain.com" like this to the frontend running at "mydomain.com". res.cookie('auth', tok

How to trigger animejs on a specific Swiper slide?

You can see my code using this sandbox: https://codesandbox.io/s/strange-shtern-e98gvu?file=/src/App.js Basically, what I want to do is play the animejs animati

Access data already fetched with react query in other component

I'm new with React Query, and I have a question, I've being looking on the documentation but I can't find how should I access the data that is already fetched w

Getting : Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

I have got such error while want to fetch data from database . Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

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