479,676 questions
0
votes
0
answers
3
views
Github Pages for Vite React project remains blank - despite npm run build and static workflows
My Github Page is blank after deploying a repo: https://jlimsy.github.io/retrogram/
Repo here: https://github.com/jlimsy/retrogram
I was following the documentation on vite's website: https://vite.dev/...
- 3
0
votes
0
answers
9
views
Unable to create a tree view in reactjs
I am trying to create a treeview in React.js. But I am not able to set it properly. Below is my code
App.js
import React from "react";
import TreeHierarchy from "./TreeHierarchy"; /...
- 494
0
votes
0
answers
6
views
How to fix my Peaks.js component which works with direct render but not inside a page
I have a React web app using Peaks.js. When I route straight to my AudioWaveForm component through a BrowserRouter route, it works fine, but when I include it in an empty component it breaks. It still ...
0
votes
0
answers
7
views
How to Apply AOS Animation with Different Delays to Child Elements in React?
I am trying to build a header component for a website using React JS.
const Header = () => {
useEffect(() => {
AOS.init({
duration: 650,
once: true,
});
}, []);
return ...
- 41
0
votes
0
answers
4
views
iOS Soft Keyboard Pushes Fixed DIV up instead of dynamically adjusting height
I'm working on a responsive app using React and Tailwind CSS. The layout works as expected on desktop browsers, but I’m having an issue on iOS when the virtual keyboard opens.
When the virtual ...
0
votes
0
answers
8
views
I was installed linux mint and can't use create react app by NPX
I was installed Linux mint and my Node is v22.12.0. Npm is 10.9.2 I was updated create-react-app globaly and always see this errors. I am new guy in Linux but how to fix that?
Installing template ...
- 15
0
votes
1
answer
20
views
Home page with two different applications links
I am starting out with my first attempt at building applications in ReactJS (I am a Java developer).
I would have two React applications:
Member-ui (perform activity based on roles)
Admin-ui (manage ...
- 757
0
votes
0
answers
18
views
How to resolve SyntaxError: Unexpected token '<' when running index.js the error?
when adding the Mongodb connection to index.js file and running the very same file an error message is coming up; the code is displayed below:
import React from 'react';
import ReactDOM from '...
0
votes
1
answer
14
views
PhosphorIcon set background color on hover
I'm using PhosphorIcon in a react project, is there a way to set the bg color on hover instead of using two different instances and toggle(show/hide) via CSS?
<a href='#' className='...
- 13.8k
0
votes
0
answers
10
views
Why isScrolling not working when using react-window?
I want to display the text "scrolling" when I am scrolling but nothing happens. It does not show the text. What I am doing wrong ?
code:
<List
innerElementType="ul"...
- 25
0
votes
0
answers
8
views
White Screen When Deploying React JS Build on AWS Amplify
he Problem:
I'm encountering a recurring issue with my React application deployed on AWS Amplify. After deployment, the app initially displays a white screen, and additional manual changes are ...
- 1
1
vote
0
answers
4
views
Why is the styling not applied correctly when printing the invoice using the QZ Tray library?
I am using QZ Tray in my React project to print invoices. The invoice structure looks fine on the screen, but when I print it, extra spaces appear. How can I fix this issue?
Here is my Invoice ...
- 11
1
vote
0
answers
18
views
deploying nextjs to azure, but container keeps failing
i am trying to deploy my nextjs app to azure web app, but the port 8080 cant be pinged and thus the website doesnt work.
I have tried defining the port 8080 in the azure env and in my package.json, ...
0
votes
0
answers
15
views
How can I access the image Url from my API request in React?
I need to access the image URL for my products, when I retrieve the products it comes with all the payload yet when I insert it in a image tag it does not show up.
<td className="py-2 px-4 ...
- 9
1
vote
0
answers
8
views
Framer Motion Exit Animation Not Triggered
Why is the exit animation not working?
`'use client';
import React from 'react';
import { motion, AnimatePresence } from 'framer-motion';
export default function TransLayout({ children, ...
- 11