I'm encountering a problem with my code while attempting to create a PDFViewer component in React (using TypeScript) with the react-pdf library. Despite my efforts, it seems to be failing, and I'm struggling to understand why. I've come across some…
I'm trying to implement JWT in my project and an article provides a nice solution: https://dev.to/sanjayttg/jwt-authentication-in-react-with-react-router-1d03. Routes.jsx import { RouterProvider, createBrowserRouter } from "react-router-dom"; import { useAuth } from "../provider/authProvider"; import { ProtectedRoute } from "./ProtectedRoute"; import Login from "../pages/Login";…
i have a code in Nextjs 14,when i first load the site on localHost the toggleOpen button doesnt work, its works just fine when i refresh it. the issue i am having is when i first load the site on…
import React from "react"; import Button from "./Button"; import Section from "./Section"; import { Dragendrop } from "./Dragendrop"; export const RightBox = () => { const [fileData, setFileData] = React.useState(); const [data, setData] = React.useState(null); const [recieverAddress, setReceiverAddress] = React.useState("");…
i have a weird issue with React and the timout function. For some reason i want a string to be added to a useEffect letter by letter. So i have written this code: const [placeholder, setPlaceholder] = useState < string…
I'm making an app in nextjs to practice, and I am having a hard time getting single data to delete from the database using the findByIdAndDelete function. CastError: Cast to ObjectId failed for value "undefined" (type string) at path "_id"…
Here's the properly formatted content for Stack Overflow: Issue with Hover Effect: Text Inside Box Darkens on Hover Despite Bright Text Color I'm working on a React component where I have a box that gets darker on hover (due to…
i was trying react hook form with shadcn ui for my school projects and when i try to submit it, the onSubmit event doesnt do anything even when im trying to console log it. import { Badge } from "@/components/ui/badge";…
const { selectedButton } = this.state; var boundingBoxCollection = []; console.log(boundingBoxCollection.length); var boundingBoxes = document.querySelectorAll('.cropper-face'); console.log("I am ice"+boundingBoxes.length); if(boundingBoxes.length > 0){ boundingBoxes.forEach(elem => { if(!boundingBoxCollection.includes(elem)){ boundingBoxCollection.push(elem); } }); } my boundingBoxCollection is not updated fix this, I want my array…
New to react typescript and I have been getting below typescript error while creating components: interface APIResponseA { a:string[]; b:number; c: string | null; // <- } interface APIResponseB { a:string[] | null; b:number; d:number; // <- e:string; // <-…