I have a form that takes user data as prop from parent component to update, updates them then sets the state of parent, but parent component doesn't re-render when userData state changes so i have to refresh the page to…
I am currently building a simple eccomerce platform using react, express js and mysql as database. now as i am retrieving data from the database to produce the products it does replicated it self into multiple instances like, product 1…
I have an expo project, and setting up a clerk auth. I have followed all the required code clerk gave, and now getting this error on the links. Everything looks okay to me, but I cant figure out how to…
I have an array that creates checkboxes, which works, but I also have another array which is constructed from a user array including the rights a user has. Now based on that second array, I want to have a checkbox…
I'm working on my navbar. I have a header with a component within called HeaderSearch. What I want is to run a function each time the user clicks outside of the HeaderSearch. And then add an animation to close it.…
I am working on a React/TypeScript component that renders the phases of the moon based on a value between 0 and 1. The issue is that the moon phases are not rendering correctly between the First Quarter and Last Quarter…
I was starting my Vite React project. And as the next step I configured TailwindCSS as per Vite React documentation. Then I got this error message which targets the index.css file. The file only contained Tailwind CSS imports. How to…
I'm trying to create a custom color and name it primary but it doesn't seem to work. It works when using other names but it feels like there should be a way to naming it primary? What am I missing?…
I'm working on a React application, using Tailwind for styling. This issue happens when I've been developing for a while. For example, I add a container with hover:bg-red-900, and it works at first, but for some reason, that specific style…
I have the following: {Object.keys(categorizedDataFoods2).map((key, index) => { const uniquePackingLocationsF = [...new Set(categorizedDataFoods2[key]?.items.sort((a, b) => a.packingLocation.localeCompare(b.packingLocation)).map(item => item.packingLocation))]; {uniquePackingLocationsF.map((location) => { const filteredItemsF = categorizedDataFoods2[key]?.items.filter(item => item.packingLocation === location); return ( <Table className="finallist" key={location}> <TableHead> <TableRow> <TableCell><b style={{textTransform:'uppercase'}}>FOOD</b></TableCell> <TableCell></TableCell> </TableRow>…