i want to add a simple swiper on my nextjs website (v13 with app router) but it's giving me all types of errors. First i tried importing it like i always do by copying it from a demo listed on…
I am currently developing a front-end application in Nextjs, using RTK Query for API fetching and use MSW for its mock. If mockServiceWorker.js is already loaded at the time the page is loaded, the API mock will be intercepted without…
I'm learning NEXT and there are functions that don't work "use client" import { useState } from 'react' export default function idk() { const [counter,setCounter]=useState(0) const add=()=>{ setCounter(prev=>prev+1) } return( <div onClick={add}> {counter} </div> ) } When the code is…
I'm working on a small project using nextjs 13, trying to display products currently stored in json file (later will move to DB). Application is running correctly, however when building it fails on linting. Error: Type error: Page "src/app/shop/page.tsx" has…
I was looking over React: Reverse data Flow, to update foodObj, input and buttonClicked declared in Main.js (Parent Component) using the child component <SearchAndSuggestion>. Here are the two files. my-app/app/page.js (Parent File)- 'use client' import React, {useState} from 'react' import…
I've been using Tailwind CSS in my React/Next.js project and have noticed that my code has become less maintainable compared to when I used traditional CSS or styled-components. In the past, I could easily centralize style changes, but now, I…
I am trying to make a dynamic breadcrumb component with custom values in Nextjs 13. Let's say I have the route: /dashboard/[tenant]/[invoice]/editor/abcd. Currently, I do an API call and populate [tenant] and [invoice] with custom names in my Breadcrumb component;…
I have multiple buttons in which i want only 1 selectable, when i click over one of these buttons, an active class gets added to it, while the other buttons active classes gets removed. I am actually using next js…
I'm facing an issue with next/router. I made a '404 Page' and set it up to send clients back to the home page router.push('/') after some 3 seconds. However, when clients return to the main page, they get an console…
When a user requests a protected route, I'd like to redirect them to the login page. After successful authentication, I want to redirect the user back to the originally requested protected route. On next 12 it I used to do…