I'm trying to build a searchable menu of teams in Javascript/TypeScript - not sure how to do it. Basically, I have a set of data laid out like this. const data = [ { 'name': 'Alex A', 'agentId': '1225', },…
I'm trying to understand how to handle modals opening/closing with server components. Previously, with client components, I would just lift the state up to my Layout: export default function Layout({ children }) { const [showPopup, setShowPopup] = useState(true) return (…
I have created a Supabase function to update the expiration_date and status of a 'listing' in the 'listings' table after a successful payment. I decided to create a function because I wanted to set the expiration_date based on the server…
I want to create a form that uploads the images to Cloudinary and then gets the image's URL and parses it into Supabase database, but I only want to upload the images when I click the Publish button (right now…
I have a react-modal form with a captcha in it. When the user open up the modal the captcha shows up just above the Report Job button. No problems there. but let say the user closes the modal before even…
I have a file like blog-details/[id].tsx. And I am trying to navigate via: <Link href={`/blog-details/${item._id}.tsx`}>` After the page navigates, I need to fetch the data from db using the id, but the issue here is I am unable to access…
I have a NextJS web app where a user can login and perform the typical e-commerce tasks such as editing their emails, name, preferences, etc. Currently a user can login using their email or Google account as outlined here: https://firebase.google.com/docs/auth/web/firebaseui…
I am fetching single type data from strapi api with React .map, but the single returned content is being rendered twice in this function: { Object.values(objecthere).map(({ }) => )} Why is that, what am I doing wrong, and how can…
When i run my NextJS app using npm run dev the Image component gives the error "missing required "width" property" To make the app work, i need to set width and height as inline attributes for all Image components in…
I am creating a bunch of CarBlock items by using map. I want to populate these items in an array using state. This is how i am doing it import React, { useEffect, useState } from "react"; import CarBlock from…