darksoul@Ronits-MacBook-Air ~ % create-react-app --version 5.0.1 darksoul@Ronits-MacBook-Air ~ % react --version zsh: command not found: react darksoul@Ronits-MacBook-Air ~ % node --v node: bad option: --v darksoul@Ronits-MacBook-Air ~ % node -v v22.12.0 darksoul@Ronits-MacBook-Air ~ % create-react-app hello Creating a new React…
I work on a order based overview based on the ID. My structure looks like this app | page.tsx | layout.tsx | [id] | | layout.tsx | | dashboard | | | page.tsx | | purchases | | |... |…
I have created a lodable component, const componentsMap = new Map(); const useCachedLazy = (importFunc, namedExport) => { if (!componentsMap.has(importFunc)) { const LazyComponent = lazy(() => importFunc().then(module => ({ default: namedExport ? module[namedExport] : module.default, })) ); componentsMap.set(importFunc, LazyComponent); }…
I am trying to set up authentication for my website using NextAuth with the Google provider. However, when I attempt to sign in via the admin page, it redirects me to a non-existing route and I get a 404 error.…
function App() { return ( <div className = "flex-row justify-items-center" > <h1> MINIMAL LOL </h1> </div > ); } ReactDOM.render( < App / > , document.getElementById('root')); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js"></script> <script src="https://cdn.tailwindcss.com"></script> <div id="root"></div> This works as intended on Chrome:…
So i have a problem ai can't seem to fix nor i can find a solution.. I am making a project using react, sass and laravel with docker and docker won't serve my laravel online.. It keeps infinitely loading and…
I'm just learning react and I saw so far 2 ways of rendering lists, the first declaring a const after mapping the data and then rendering this new list and the second one mapping directly inside the jsx Which way…
I’m using Material-UI Grid to layout two TextField components side-by-side in a responsive form, with each intended to take up 50% of the parent’s width. However, the TextFields don’t stretch properly and appear smaller than expected. Here’s the code I’m…
I'm using the Jikan API to create an anime gallery of some sort, one of the features I wanted to include was to be able to search for a specific anime title within the gallery. My issue is that with…
React 18: Auto Batching is ineffective in handleClick! export default function App() { const [v, setV] = useState(0); const handleClick = async () => { console.log(0); setV((v) => v + 1); Promise.resolve().then(() => { console.log(1); setV((v) => v + 1);…