I am trying to create a button that loops through a specific set of themes when pressed. Also, after displaying the last theme, it would loop back to the beginning of the array. I created a handle function that would…
I am doing: const {data} = useSWR("api/data", fetcher, {refreshInterval: 10000}) console.log(data.find(d => d.id === "123")) However, the error: TypeError: Cannot read properties of undefined (reading 'find') May I ask how I can solve it?
On my client component, I call getBenchmarksByUser() to fetch the data I need: export default function BenchmarkBrowser({uid}) { console.log("client uid:", {uid}) // Watch the state of our Benchmarks const [benchmarks, setBenchmarks] = useState(); // Send the server a request for…
how do i get these providers? so i was following the javascript mastery tutorial and i did the exact same thing , but this useEffect to get the providers isnt working ( i tried alerting it to see it keeps…
So I was learning authentication in Next.js using next-auth. I followed the documentation and here is my app/api/auth/[...nextauth]/route.ts code import NextAuth, { type NextAuthOptions } from "next-auth"; import GithubProvider from "next-auth/providers/github"; import CredentialsProvider from "next-auth/providers/credentials"; export const authOptions: NextAuthOptions =…
I want to get a value from client side and use it in server side, But I don't know how to use use State and I know there is no way to using useState in server side So Is there…
As I'm coming from Vuejs background and starting with Nextjs now, I want to scope my css for each of my component like- Navbar instead of using it inside Globas.css, is there a way to do that? I'm using tailwind…
when calling the API from server I am able to see the response but when using data.map() to iterate the data is not reflected in frontend in the next js First I called the API from the server side and…
I am trying to create a countdown timer but i hit something interesting... This code procs twice in a row , as in the useEffect runs twice per second. 'use client' import {useState, useEffect, useRef} from 'react' export default function…
I'm just starting out with NextJS. I found in the docs that the old method to persist components/state between renders was to use _app.js, but that is now deprecated in NextJS 13. The new routing model lets you have a…