Category "reactjs"

Render new react component based on API fetch

I'm trying to create a React app that will render components based on an API response (fetching topics title, description and the same for the courses that belo

Uncaught (in promise) Error: No ethereum object at checkIfTransactionsExists (TransactionContext.jsx:105:13)

Here is my TransactionContext.jsx TransactionContext.jsx:105 Uncaught (in promise) Error: No ethereum object at checkIfTransactionsExists (TransactionContext.js

HLs.js stuttering audio stream on Safari only

I am using Hls.js to stream live audio for radio, and it works well on chrome but the audio is stuttering on Safari only. Here is the code sandbox example(kindl

Flex inside flex causing orientation issues

I am new to Web Development and React (and fairly amateur at CSS), so there must be some fundamental issue with my understanding of how flex works. With referen

In react class based component this.setsate is used but state is not defined in constructor if I have to convert this in functional based then how

class Dashboard extends Component { constructor(props) { super(props) this.state = { assetList: [], assetList1: []; } } componentD

How to deploy Spring boot and React application together on GCP App Engine?

I don't have any experience in deployment and trying to deploy Frontend and backend together. I am able to successfully deploy the spring boot application. I fo

how to fix 404 not found error nginx on docker?

I'm trying to make docker file run in to react app.react app all ready successfully deploy but page reload get an error 404 nginx error. this is my docker file

TypeError: _API.default is not a constructor with Jest tests

I have an API class that I am trying to use in a React app. // API file class API { ... } export default API; // Other file import API from "utils/API"; con

Creating a centered carousel with react-alice-carousel

I have struggled the whole day to create a centered carousel with react-alice-carousel library and the results are those. Link to the library here Basically I a

What are the difference between useInfiniteQuery vs QueryClientProvider usage in React Query?

So I've encountered a confusion on the preferable usage of QueryClientProvider and useInfiniteQuery. I've been using the useInfiniteQuery function as a global s

"Module not found" when migrating to Webpack 5

I am trying to migrate my React app to webpack 5.72.0 (from 4.42.1). So I also have webpack-cli (4.9.2), webpack-dev-server (4.8.1) and babel (7.17.9). My probl

TS2322: Type 'Count' is not assignable to type 'ReactNode'

I am new in react and TS and I need help I am trying to use useState with typescript import React,{useState} from 'react' interface Count{ count: number } co

How to access one function from one react component to another

Hi I want that when someone click on backproject I want to set my modal component display to block currently its set to none but when I add that function in App

How to Format code in vs studio with eslint

Initially I used to use prettier to format my React js code. Now I have ESLint integrated with CI that's why my code is throwing minor error of indentation,semi

MUI Datagrid - TypeError: Cannot read properties of undefined (reading 'name')

Im using Material UI's datagrid to show some data in a table, I recently switched over to RTK query from redux for caching and to get rid of the global state ma

Link tag in React is not working with devserver-proxy

I'm following this tutorial to make my React app (localhost:3000) communicate with Node server (localhost:5000) .. so instead of typing <Link to='localhost:5

Modify values of selected option ANTD

I want to choose "% Percent" as option, but the value on the select label want to be only "%", if I set value attribute, it doesn't change when select other opt

On-the-fly thumbnails in React

I am developing a website with React which has what we called "snippets", basically a modal window displaying some kind of media (audios, videos, slides, text q

What is the valid name of the contact?

I'm trying to give a name to my smart contract. But All given names is invalid. Where is the mistake? Because I guess all names are alpha-numeric. Can you help

is usContext a reliable solution to drill state 2-3 level deep

I have a search component which needs to pass the state in which the visibility of my search modal is stored down 2-3 levels. I know that context is provided to