I have a Next.js client component which shows a data table and has a search bar which can be used to filter the table. The issue is that whenever I type in the search bar, it causes the whole component…
"use client"; import React, { useState } from "react"; import { useRouter } from "next/navigation"; import { zodResolver } from "@hookform/resolvers/zod"; import { useForm } from "react-hook-form"; import { z } from "zod"; import { api } from "@/trpc/react"; import…
I here want to fetch all 'products' using react query BUT 'build process' fails when using custom hooks inside 'useQuery', so it throws error in 'build process' but it works perfectly fine during 'development server' const { data, isPending, isError,…
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:…