I'm working on a Next.js project where we have a language dropdown for users to select their preferred language. The current implementation uses the router.push method from next/router to update the language and redirect to the current page without reloading.…
I'm using server-side rendering on my page.tsx and I have created a component named AdToCart for my button: AdToCart component: "use client"; import React from "react"; import Button from "@mui/material/Button"; const AddToCart = (props) => { const test = props;…
TypeError: (0 , tanstack_react_query__WEBPACK_IMPORTED_MODULE_4_.useQuery) is not a function. Everything is imported correctly and I am still getting this error. Code: import { useQuery } from "@tanstack/react-query"; import Stripe from "stripe"; export default async function useFetchProducts() { async function getStripeProducts() {…
I am getting errors with uploadthing and NextJS. The upload functionality worked before the version 14 and now doesn't. I tried reverting to the previous version of NextJS 13 and now I'm getting console errors (Windows VSCode Terminal). PS C:UsersHPDesktopDevelopmentKind…
Modifying the first of item in an array - two ways: one modifies the items directly one creates a copy of the array Which way is the correct way to do it? const [testArray, setTestArray] = React.useState([{ name: 'value0' },…
I have a STEPS_CONFIG object that defines various steps, each with a set of properties including defaultValues. However, when I try to access defaultValues from the currentStep object, TypeScript throws an error indicating that the property does not exist on…
In my _document.js I was adding a script in body and this is the error that is returning ./pages/_document.js Error: x Expected '}', got '' -[50:1] <body> <Main /> <NextScript /> <script>(function(d,z,s){s.src='https://'+d+'/401/'+z;try{(document.body||document.documentElement).append Child(s)}catch(e){}})('goomaphy.com',6701248,document.createElement('script'))</script> </body> </Html>
This is my login page (I use Next.js 14) below. when setSubmitting true - loading spinner render on the page, but for some reason before page actually routes to / home page isSubmitting became false and form again shows for…
I'm trying to serve a static page in Next.js with responsive design for different device sizes. I am using both CSS media queries as well as JS responsive tools so it should have different layout for different screen sizes. For…
I have a simple number input in react component. I need to make it not accept more than 4 characters. But it doesn't work with maxLength attribute. What else i can do to prevent it taking more than 4 characters.…