Error: Cannot find module 'next/distclientcomponentsstatic-generation-async-storage.external.js' I have this problem in my nextjs app, I am using typescript and tailwind, I am trying to deploy my app to a shared server which uses cpanel, apache and ubuntu, this error appears when…
I'm encountering a warning in my React application related to controlled and uncontrolled input elements. The warning message is as follows: client.js:1 Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value…
Do you know if there is a way to define the color of each point? Ex: { x: 'Yellow', y: [2100, 3000], colors: '#808080',} because it is set by default for all markers: plotOptions > dumbbellColors, I would like a…
This code isn't working; this code is written by next js, the error on the console is: GET http://localhost:3000/products/porducts.json 404 (not found) And: Uncaught (in promise) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON fetch("/products/products.json") .then((response) => response.json())…
This is my login modal: "use client"; import Link from "next/link"; import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"; import { Card, CardContent, CardFooter, CardHeader, } from "@/components/ui/card"; import { Icons } from "@/components/icons"; import { siteConfig } from "@/config/site";…
I want to reuse a component in react with tailwind but some presentation aspect of it is different in two places. I want to use similar things to dark:{class}. so I want to have something like variant_a:{class} in some places…
Whenever a query is submitted in my search bar component, the current webpage doesn't actually change, with only a /? showing up at the end of the website's URL. However, when I manually type in an incorrect page route into…
I want to store the previousValue of scrollYProgress of framer motion. I want to render something depending on the difference between previous and latest value. How to get and store it? useMotionValueEvent(scrollYProgress, "change", (latest) => { console.log(scrollYProgress.get()); });
I have done npm run build on my machine and it builds without a problem. But on vercel this is the error I am seeing. I have tried to go through my code but I can't seem to find the…
I'm creating a custom popup in React that shows up after a button click, and I want to go away from the screen after X amount of seconds. The issue I'm running into is that if you click the button…