I am trying to render some data on the console that is being brought in from my route handler. Here in /api/pokemon/route.tsx export async function GET() { const result = await fetch('https://pokeapi.co/api/v2/pokemon?limit=151'); const data = await result.json(); return Response.json({ data…
I am using amazon font Ember as custom font in my app , i have setup a font,ts file in lib folder and export the font properly as instructed in different blog post and make it working in my dev…
When I use console.log(users) to fetch data asynchronously from API in nextJS, users data console.log(users) works successfully in the console, but when I return the mapping data, it says users.map() is not a function. Below is the code: async function…
I'm facing a scenario that I can't solve. I'm working on a NextJS 14 application, that is querying data from an external GraphQL API. I have a Customers page, that display all of our customers. In order to fetch our…
I have this component (Blinker2.tsx) "use client" import { useState, useEffect } from "react"; const Blinker2 = (props: { interval: number, delay: number }, { children }: Readonly<{ children: React.ReactNode; }>) => { const [active, setActive] = useState(false); useEffect(() =>…
I’m building a Next.js application using TypeScript that handles payments with PayPal. I’ve created an input field where the user can enter the amount they want to pay, and I’m using useState to manage this value. However, when the PayPal…
I have an odd issue I am dealing with. I have this useEffect function which is supposed to run on my program's start to check that they are logged in, and generate a dynamic element, named lists. Code is below:…
I have a table of values with varying values of location. I am trying to filter the rows in the database by matching the location value. The code is 'use client'; import { useState, useEffect } from 'react'; import {…
I trying to put value in url and trying to extract value in search.js with router, but I'm getting this error: TypeError: Cannot read properties of undefined (reading 'q') <form onSubmit={handleSubmit}> <input type="text" placeholder="Search..." value={searchValue} onChange={(e) => setSearchValue(e.target.value)} class="w-full px-4…
The array const props: NavButtonProps[] = [ { text: "Home", url: "teste" }, { text: "Services", url: "teste" }, { text: "projects", url: "teste" } ] where the method map is used const NavButtonWrapper = (buttons: NavButtonProps[]): ReactElement => {…