I'm trying to evaluate the ease of use the shadcn.ui component library. I'm trying to implement a popover component as this: import { Button } from "@/components/ui/button"; import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@/components/ui/command"; import…
I utilized FCM to send notifications in my web app. I can send and receive notifications in my localhost, so everything is working perfectly on localhost. However, I can only receive notifications (sent from firebase console, postman, etc.) but not…
I want to display content from an HTML file in next.js. I learned that I can use dangerouslySetInnerHTML in App.js to achieve this. However, I keep getting a blank white screen when using it. I've tried sending the GET request…
I'm currently working on a Next.js project and I'm looking for the best npm package to integrate Google Maps Platform. Despite extensive searching, I haven't been able to find a suitable package or clear documentation on how to implement it.…
I am build a simple div on that i want px-5 for mobile screen and px-20 for larger screen but only px-5 is working px-20 not working on large screen why? Code Output Image <div class="bg-white py-20 px-5 lg:px-20 ">…
I use the following hook in a page.tsx file and then pass the data down to a table. When I click on a task, i have the following function page.tsx "use client" const { allOpenTasks, getOpenTasks } = useTasks(); useEffect(()…
"use client" import { useState } from 'react'; import {auth} from '../../firebase-config' import {createUserWithEmailAndPassword} from 'firebase/auth' import { useRouter } from 'next/router'; const SignUp = () => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const handleSubmit…
I have a mono repo project working with NX. All is working fine, but I tried to add a middleware and it isn't being caught in the requests. I tried to put it in all different places and with _…
I want to add a type for my dynamic route that I can replace with type "any" in code bellow written with Typescript . export default async function DetailProduct({ params }: any) { const { imageAddress, title, price } =…
I'm making a web page with a dynamic list of form inputs, where more input fields can be added or deleted using buttons. I have a parent object <Ingredients /> that keeps track of the inputs and keeps them in…