I want to setup a dark and light theme for my react app. I have my Sidebar.js, Header.js and Footer.js files in my Components folder which is within the src folder. My app loads light theme on default and the…
I'm using a primereact component, whose props include a function, and I want to use one of the other props in this function. The overall scheme of things looks like this: interface Props { label?: string; url?: string; style?: string;…
I'm working on React app that gets some urls from server in format { filename: 'filename', url: 'url', }, and then renders buttons in very common way <button onClick={() => downloadFile(file.url, file.filename)}>{file.filename}</button> where downloadFile is a simple function export const…
Full reproducible repo is https://github.com/Liooo/vite-project, just run yarn install && yarn tsc to see the error. I want to use react v18 with Typescript < v5.1, but tsc raises error TS2786 'MyComponent' cannot be used as a JSX component. Its…
I made a nextjs 14.1.4 project on my local windows machine which I can build with npm run build without any problem, but when I try to build on my production server: Ubuntu 22.04.3 LTS with npm run build I…
Is React Query more efficient compared to using useEffect and useState, given that these hooks are built-in and easy to use? If so, why choose React Query? Why is React Query more efficient than hooks like useEffect and useState?
I was coding for my personal portfolio website in reactJs, when i encountered an error where i wanted to code for my contact me form. Here is the code for the same. I added the correct ids. I went through…
App.jsx: import { BrowserRouter as Router, Route, Routes, Navigate } from 'react-router-dom' import Leaderboard from './pages/Leaderboard' import About from './pages/About' import Scoresfeed from './pages/Scores-feed' import Header from './components/Header/Header' import './App.css' const App = () => { return ( <Router> <Header/>…
I've created simple context and custom hook to use it and i want to pass callback function through this hook. Is it even possible? Bear in mind its not the actual code, it's just supersimple representation of an idea. I…
Actually, I want to know that the problem is with the node version. I have a five-year-old React project that was run in the node-12 version, but now the version is updated for the node. I tried to create a…