I'm trying to use the next/image to render an svg image. However whenever I try to do this, I get the following error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components)…
I have a code snippet here from NextJS 13 export default function Members() { // States const [users, setUsers] = useState<MemberType[]>([]); const [loading, setLoading] = useState(false); const searchParams = useSearchParams(); // To refresh the page const router = useRouter(); const…
I am trying to query my MongoDB database through Prisma. I want to include "property" in my query. Postman is returning the correct data with property data included, but within NextJs app it seems to be undifined or null. My…
I have a div that is inside an "a" tag (Link in next.js), and there is also a "like" div inside it. If I click anywhere in the div, I want it to take me where the "a" tag points.…
I uploaded my image in this way and this method works, it uploads in a string: const [image, setImage] = useState(""); //------------------^^^^^^^^^^^^^^^^------------------------- const handleImage = (e) => { console.log("Handle image called"); const selectedFile = e.target.files[0]; console.log("Selected file:", selectedFile); if (selectedFile)…
I am creating a URL shortener as a personal project and I am attempting to make a copy button that when clicked copies the shortened URL with the attached hyperlink. The URL shortening is handled with Formik and Yup, and…
So I am running an if/else statement to check if the input value is the same with the title of the movies but for some reason, even when the title and the value are the same and the loop is…
Complete Error: Attempted to call the default export of /email/contact-form-email.tsx from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to…
I have a NextJS (version 13.2.4) project. Whenever I want to run the app, I execute the following: npm run dev However, there is a requirement that I need to check whether a certain condition is met to allow the…
I'm migrating my Next 12 app to Next 13 and its new /app directory. I have a <LoginPage> component (rendered @ /login) and obviously, it needs to use hooks to manage form data. As such, I have marked it with…