• New Jun 13, 2025

  How to hook several state fields in React Component [closed]

  useAppStore is a Zustand Store. I made 3 assumptions based on my understand of React hooks (Please correct me if any of them is wrong) const MessageList: React.FC<MessageListProps> = ({...

• New Jun 13, 2025

  Tailwindcss 4.1 margin and padding don't work at all

  I'm having an issue with Tailwind CSS. I'm following Fireship's "Discord-Inspired Animated Navbar" tutorial. Everything is going great, but when I try to apply margin or padding using Ta...

• New Jun 13, 2025

  I try to create Portfolio website. in it i try to insert my image with background animation but its become separately how can i fix it? [closed]

  import React from 'react' import { PiHexagonThin } from "react-icons/pi"; const HeroPic = () => { return ( <div> <img src="...

• New Jun 13, 2025

  How to load animations one by one in GLTF using three js

  I am using glb files and using useGLTF from @react-three/drei I need to run specific functions in specific animation whenever it is running the issue is I am getting all the animations at a time and...

• New Jun 13, 2025

  "Element type is invalid" error only in production build when importing SVG as React component

  I'm using Next.js with Turbopack and want to import SVG files as React components using @svgr/webpack. My setup works fine in development mode, but when I build for production and run the app, I get...

• New Jun 13, 2025

  How to fix "React is not defined" in Jest tests for a TypeScript React project?

  I'm writing Jest tests for a React project that uses TypeScript. When I run the tests, I get the following error: ReferenceError: React is not defined I was able to get rid of this error by adding:...

• New Jun 13, 2025

  How can I recreate a responsive nav bar like the one in this design (attached image)?

  I'm trying to build a navigation bar that looks and behaves like the one in the image I've attached below. I'm currently using React (with Vite) and plain CSS (or Tailwind CSS if needed), but I'm op...

• New Jun 13, 2025

  How to use parametrized queries in selectors?

  I'm working on a React app with Redux-Toolkit (RTK) Query. I need to fetch accounts from the server and then render them as well derive some data from them through a chain of selectors. If I...

• New Jun 12, 2025

  Webapp deployment issue in shared hosting [closed]

  Can anyone tell me how I can deploy my Django React-based webapp in my shared ho...

• New Jun 12, 2025

  How to change MUI-X default Datagrid scrollbar styles?

  I'm using MUI-X datagrid in my application. The default scrollbar looks bad and I don't see any way to customize it. I saw a few threads in github and tried the code below but that doesn't seem to wo...

• New Jun 12, 2025

  Google Authentication Logout issue on React

  I am trying to resolve the google logout for a week, the issue is the login works fine on my react web application but when I try to logout the application gets stuck especially when I browse other ta...

• New Jun 12, 2025

  Error occurred prerendering page TypeError: Cannot read properties of null

  I'm trying to deploy a blog written with Next.js v15.3.3 with Vercel but I keep getting the same error: Error occurred prerendering page "/post/1". Read more: https://nextjs.or...

• New Jun 12, 2025

  Is React Suspense Meant To Broadly Replace Throbbers?

  In React, <Suspense> lets you display a fallback until its children have finished loading. Throbbers gained popularity as one of the many ways that developers had to distract users on loadi...

• New Jun 12, 2025

  Some Syncfusion chart components not rendering properly in React even after license registration

  I'm using Syncfusion's chart components in a React + Vite project. I've registered the Syncfusion license properly, and some charts like LineSeries and ColumnSeries work fine. However, certain other...

• New Jun 12, 2025

  Detect when Dropdown is open or closed

  I need to be able to detect when the Flowbite Dropdown opens and closes from its parent component. When opened, I need to call an API endpoint and update the state of one of its items, but only wh...

• New Jun 12, 2025

  minified error maybe because of extension [closed]

  In the minified production build of React, we avoid sending down full error messages in order to reduce the number of bytes sent over the wire. We highly recommend using the development build loc...

• New Jun 12, 2025

  .dcm (DICOM) file not getting rendered properly using Cornerstone3d library

  Using Cornerstone JS, I am trying to make a .dcm (DICOM FILE) viewer. In vite,react. I have made the input field to upload the file and other things but my code is only rendering an empty (black) d...

• New Jun 12, 2025

  React Input Issue: Can't Delete First Character or Replace Default Value in Input Fields

  I am encountering an issue with input fields in my React app. When I try to replace a default value in the input field (e.g., "0" or "1"), I am unable to completely clear the va...

• New Jun 12, 2025

  Combining Playwright and Auth0

  Our team is experiencing some problems with integration testing of our React application in Playwright. In our app, user authentication is performed though auth0.com, using the Auth0Provider component...

• New Jun 12, 2025

  I'm building a frontend dashboard and would like to an API backend . What are the key components I should focus on when designing the backend? [closed]

  I'm using React for the frontend and plan to use Django (or Django REST Framework) for the backend. Any best practices, tools, or architectural advice would be appreciated. I researched how to build...

• New Jun 12, 2025

  Lazy loader with infinite render while upgrading to React v19

  I am upgrading from React 18 to 19 and have noticed my lazy loading wrapper stopped working (there is an infinite loop and hence the Suspense is rendered). Can anyone spot the place I need to update?...

• New Jun 12, 2025

  UseMemo or Regular Variable Declaration in React

  Let's say I have a variable that depends on a prop, and I declare it in a simple way: const isLeapYear = year % 4 === 0; // year is a prop Now, let's imagine I have a complex function, and...

• New Jun 12, 2025

  Request fullscreen after exit fullscreen mode requires a delay on Safari

  I'm working with the Fullscreen API and have run into an issue on Safari. My code: import { useState } from "react"; export default function App() { const [fullScreenId, setFullScreenId]...

• New Jun 12, 2025

  Test failure after upgrading to React Router v7.6.2 [closed]

  I am experiencing an issue after upgrading to React-Router version 7.6.2. I was able to replicate the failure: StackBlitz. Note that this test passed when I had v6 of React-Router-DOM. The...

• New Jun 12, 2025

  Next.js build error 'Invalid declaration: U as UserConfig, P as Plugin' after moving Tailwind CSS files

  I was working with: https://github.com/TailAdmin/tailadmin-free-tailwind-dashboard-template so a free template with NextJS template. When i download it and run it works just fine. I reorganize the...

• New Jun 12, 2025

  How can I ensure consistent component behavior across feature branches in a React application? [closed]

  In a large-scale React project, different teams often work on separate feature branches that update the behavior of the same UI components (e.g., form validations, state transitions, conditional re...

• New Jun 12, 2025

  Next.js not tree-shaking package (threejs) and bloating my main js chunk

  My project is using the Pages Router (yes I know I should upgrade to using the app router, thats for another day) of Next 14.2.4, React-three-fiber 8.17.7 and three 0.168.0 among other th...

• New Jun 12, 2025

  How to make a custom dropdown inside a scrollable popup behave like a native (i.e., render above content without expanding the container)?

  I'm building a custom searchable dropdown component in React that works fine in general — but I'm facing a layout issue when it's used inside a popup modal/form. Here’s the problem:...

• New Jun 12, 2025

  Why does React Strict Mode preserve component state on unmount/remount?

  I'm observing a behavior in React's Strict Mode that seems counter-intuitive to my understanding of the component lifecycle. My expectation is that when a component unmounts, its local state (created...

• New Jun 12, 2025

  How can I persist Firebase user login session using Expo and JavaScript in React Native? Still redirects to Start screen after app refresh

  I’m building a React Native app using Expo and JavaScript (no TypeScript) and integrating Firebase for authentication. After a user logs in successfully, I want them to stay logged in even after cl...

Scroll to top