I have a component that looks like this import { useState, useEffect, useMemo } from 'react' import Input from '~/components/Input' import Fuse from 'fuse.js' interface Props { data: any[] keys: string[] onUpdate: (data: any[]) => void placeholder: string } const…
Description I'm encountering an issue with the header component in my React based next.js web application. Upon the initial load of the page, when I first scroll, there's a noticeable jittery behavior before the header hides as intended. Once this…
Maybe the tech stack doesn't matter here, but I have a nextjs project with tailwind for styling. I'm trying to insert an image next to an h2 tag, but the image won't behave how I expect it to. There is…
I am building an app in Next.js with no server. I get a video file input using an <input> tag, after that I convert it to a blob url and save it in localStorage for cross-session use. However, after reloading…
I'm encountering an issue with resolving TypeScript path aliases in my project. I've configured the tsconfig.json file to include path aliases using the "baseUrl" and "paths" settings, but alias imports are not working as expected. I want to import it…
The is present in the pinecone.ts import { PineconeClient } from '@pinecone-database/pinecone' export const getPineconeClient = async () => { const client = new PineconeClient() await client.init({ apiKey: process.env.PINECONE_API_KEY!, environment: 'gcp-starter', }) return client } core.ts (where I want to…
I thank anyone who can give me a hand! Basically, I have a WordPress site created with AWS Lightsail. So, I have an Apache server that exposes the WordPress site on my public address. On a specific path, I would…
I have created a custom hook in Next JS to get network online status using JS navigator.onLine property. The code ran fine locally. However, when I ran npm run build to build the project, it threw me the following error…
I am building my first NextJs app for production, I'm a newbie so this is kind of an experiment. In my app I am using PeerJs for real-time communication, however when I import PeerJs the normal way I get below…
I'm encountering an issue with Next.js's next/navigation router. I have a set of useEffects in my component, and for some reason calling router.replace causes one of the effects to run a second a time, and in some cases just run…