I have data in mongo. I am getting my data, but when see my console.log(). it show me data multiple times. Can you please tell me why is it happening and how to fix it? const [teams, setTeams] = useState([])…
I'm trying to select the next element to the parent div of my target element when it's clicked, but it only works once and there are several of them in the page, all with the same class. Below you can…
Error console /node_modules/reactstrap/lib/index.js:1 import _Container from './Container'; ^^^^^^ SyntaxError: Cannot use import statement outside a module at internalCompileFunction (node:internal/vm:73:18) at wrapSafe (node:internal/modules/cjs/loader:1176:20) at Module._compile (node:internal/modules/cjs/loader:1218:27) at Module._extensions..js (node:internal/modules/cjs/loader:1308:10) at Module.load (node:internal/modules/cjs/loader:1117:32) at Module._load (node:internal/modules/cjs/loader:958:12) at Module.require (node:internal/modules/cjs/loader:1141:19) at require (node:internal/modules/cjs/helpers:110:18)…
"Access to XMLHttpRequest at 'http://localhost:3000/campgrounds/6411f03e718f68104cac045a' (redirected from 'http://localhost:5000/campgrounds') from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource." This is my code on…
I have this: file accounts.controlles.ts import { requestT } from "src/service/request.api"; export const getaccounts = async () => { const response = await requestT({ method: "GET", url: "/accounts", }); return response; }; file header.tsx import { getaccounts } from "src/controllers/accounts.controller";…
When I created a next.js app using npx create-next-app there is 2 js files named app and document leading with an Underscore what is that for? The files are like this: ▼ pages _app.js _document.js
I'm building a NextJS 13 application. I'm usually working on Windows but out of my home I'm using a Mac. Everything is working correctly on Windows, but when I build the image on my Mac everything crashes (chip M1 by…
I'm currently trying to deploy from the app directory to Github Action CI/CD. But I keep getting a PageNotFoundError: Cannot find module for page: / error, and I think the phenomenon that I can't read the app path in my…
In nextjs . I want to block navigation and appear a confirmation window popup when user trying to navigate to another page. the navigation should continue if the user click yes in the confirmation popup. If the user clicks the…
I'm student studying of react. While working on the project, I had a question. {pages.map((page, idx) => ( <li key={page.page_id} id={`${idx + 1}`} css={CSSCarouselItem}> <Photo onClick={() => console.log('click!')}/> <p css={CSSPageContent}>{page.text}</p> ........ </li> ))} and Photo components interface PhotoProps { .....…