const checkMicrophoneAccess = async () => { try { const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); stream.getTracks().forEach((track) => track.stop()); localStorage.setItem("isMicAllowed", true); } catch (error) { console.log(error) } }; while trying to turn on automatically, getting error of "NotAllowedError: Permission…
I am creating a table listing survey questions when creating a survey for an HR web application. One of the planned features is for the user to be able to modify the text of a question that has already been…
I am using react-hook-form in my project, and my form is divided into multiple tabs. Each tab contains different input fields. When the user submits the form, I want to validate all input fields across all tabs. However, currently, only…
I created a simple React function component. Here is how it looks: import React, { useState } from "react"; const Parent = () => { const [data, setData] = useState(""); console.log('Parent rendering ..'); return ( <div> <h1>Parent Component</h1> <p>Data from…
I'm trying to submit & redirect in React using useCallback but I'm not using the hook properly. What's the pattern for saving data and then redirecting? const onSubmit = useCallback((data: FacilityEntity) => { saveFacility(data); useNavigate().navigate('/facilities', { replace: true }) },…
React 19 introduces a new alternative to the existing forwardRef that is called ref as prop: https://react.dev/blog/2024/12/05/react-19#ref-as-a-prop But unfortunately the example provided in the blog post is written in JavaScript, not TypeScript:: function MyInput({placeholder, ref}) { return <input placeholder={placeholder} ref={ref}…
I’m using React 19 with Next.js 15, and I’m facing issues with react-quill. The editor component fails to load, causing errors related to incompatible React versions. Steps tried: Installed react-quill (v2.0.0). Attempted dynamic imports and custom configurations, but the error…
in my code, justify between does not work. here is the code: import { Container } from 'postcss' import React from 'react' export default function Navbar() { return ( <> <nav className='w-full flex justify-between'> <div> asdsad </div> <div> asdsad </div>…
I have a tree, so when a user clicks on the root, the table will automatically display the first item of that root node. The problem arises when the user clicks too quickly, even before the API tree returns data…
I’m working on a React and TypeScript project using Vite for bundling. The issue arises during the build process. I’ve installed all dependencies correctly, and the dev server runs fine, but the build fails with errors related to import.meta. Error:…