Category "reactjs"

Integrate Phaser Game with React as component

I'm new to React, I want to make a component for my phaser game to insert it into a react project. My Game component: import React, { Component } from 'react' i

Use of Maps Chart from Ant Design

I'm using ANT DESIGN CHARTS on an example project in React. I try to add two differents types of charts a line chart and a map chart for the moment only a copy

Keycloak - React.js cannot call API

I have a simple React.js application. I want to test if it can call an endpoint from my API. Both my API and React.js application are using Keycloak for Authent

I can't solve the dependency tree every time i try to install @craco/craco

Unable to solve dependency tree trying to install tailwind. This is my package.json: { "name": "front-end", "version": "0.1.0", "private": true, "devDep

Not able to Initialize Firebase APP inside script module in HTML

I am working on a minimal (proof of concept) project with Preact and Firebase. A single HTML file, bundler/transpiler free thanks to HTM as JSX replacement. Her

FieldRenderProps with React Native TextInput

I created custom TextInput for final-form in React-Native. And I need to specify type for FieldRenderProps. And I have an error: TS2769: No overload matches thi

I get a problem with use dotenv with react in typescript or .tsx files

I tried to use import * as dotenv from 'dotenv' and import { config } from 'dotenv' and restart the server many tames else I tried that dotenv.config({ path: __

Coordinate overlapping components to scale together

Attempting to create a higher-order component with two components that scale together. The higher-order component is set up as so: <> <Component 1/

How do I update a record using the put API?

As you can see in the React Js code I am trying the Reduce one by one quantity when clicking the Delivered button. When the Click Delivered button quantity bec

'Manifest...' error when loading deployed Gatsby site on Amplify

I have a Gatby/Material UI website that I just deployed on AWS amplify and it seems like the CSS is not loading on the first render. If I click a button that ro

Not able to get data (node.js) from my client (react.js)

I'm not able to retrieve the data I'm sending from the client to the server. My react code is the following: axios.post('http://localhost:5000/post-entry', { da

API cs-cart put request by react and axios

I use react in front-end and cs-cart API in back-end. In the following code I used axios.put() as follows: const data = JSON.stringify({ "test1": "val1" });

Put the cross on the top right page instead of the left

how can I put the cross on the top right side of my page? For now it appears on the left side. .close { vertical-align: middle; border: none; color:

Why my setPin in scrollMagic don't pin in react but in normal html it works properly?

I have a problem in reactjs wherein My setPin don't work properly in reactjs but in normal html it works properly... Basically the code was something like this

decrease number server making with express put method

I am trying to decrease the quantity, which I have to change on mongodb database, also I need to show it in body. I set a button called delivered which will de

How to use react-big-calendar only for month view

I'm trying to use react-big-calendar, only for viewing the month and allowing the user to press a certain date, which should trigger my own function. That is I'

if error in useEffect, return <NotFound/>

Below I want to use a variable to record error condition of useEffect, and handle it later on. Is it good to use a useState variable, or there are more suitable

Pinning a particular element using a drag and drop library in React

I am migrating from react-beautiful-dnd to dnd-kit which does not have customization to pin a particular HTML element and the others we can drag and drop. Like

How to make the email input stay on the same page so that user does not have to enter the email again?

I implemented the reset password feature using AWS Amplify. Initially, I created two forms one for forgotPassword that accepts usernames, and forgotPasswordSubm

Why am I getting an error in my Route Redux code?

I can't find my error in the code. Could someone explain to me. Test: Nav:' should be rendered on the path "/". The "Home" component should be rendered only on