Im having an issue with my react component where my item list re-renders EVERY time a new image is added. Here is my useEffect that I use to load image urls from the database: const [imageUrls, setImageUrls] = useState({}); //…
I'm having a problem downloading a Excel file in browser using React.js. Here is the situation: I have written an API which will take an Excel file as input , then after modifying it using Aspose Cells I have saved…
I have an state: const [data, setData] = useState<{ [key in PROJECT_ROLE]?: number[] } | null>(null); data is an object with some key in PROJECT_ROLE This is PROJECT_ROLE: export enum PROJECT_ROLE { OWNER = "OWNER", SUPERVISOR = "SUPERVISOR", QA =…
I'm trying to display the current user's name in my sidebar component in react. I tried this so far. import {auth, dataBase} from '../firebase-config.js'; function Sidebar() { const [firebaseUserInfo, setFirebaseUserInfo] = useState(auth.currentUser); return ( <div className='sidebar-container'> <header> <p>{firebaseUserInfo.displayName}</p> </header> </div>…
I have tried the same fix "add this to the onchange function (()=>)" I found in this site but it still wont work, can someone help me? I have been stuck on this error for days now. I'm still a…
I have created a new NextJS project with the latest version of Next (Next.js v13.4.19). I want to register onMouseEnter events for my application. A basic example works in this code sandbox: https://codesandbox.io/s/romantic-saha-9mvvwy?file=/index.js. I use a simple sudo yarn create…
I'm trying to host my react project with firebase i'm facing error firebase : The term 'firebase' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if…
I have a code snippet basically sending data to Firestore. In the form, I've set a field call "regNo" which is unique to different entries, what I'm trying to do is avoid duplicate entries if I could use the regNo…
how to get current url in nextjs without using window.location.href or react router const parse = require("url-parse"); parse("hostname", {}); console.log(parse.href);
With the following code, I want to change the text color whenever the material tab is switched. First of all, to explain the code I suggested, I am going to make a function implemented to change the table text color…