In the code below "CameraPage.tsx", a logic is made where its function is to search for camera images, it is simple, it just makes a GET request and searches for the images registered in the backend, which will later be…
I am moving from react js to Nextjs 13. I'm just creating a simple calculator application but it's showing some warnings. The resource http://localhost:3000/%20next/static/css/app/page.css?v=1688433441465 was preloaded using link preload but not used within a few seconds from the window's load…
Working on a simple grid with image and text. using Next 13.4.7 and tailwind, But when I try to import the image using Next Image component and using the fill prop the image doesn't render. return ( <button className="relative group…
It is my next.js project I have separately made the useContext folder and there I wrote my object or data which I want to use by my every files or components , and to do so I enclosed my _app.js…
I was trying to learn nextAuth using some tutorial videos on youtube. And I stumbled on a problem. This is my app/api/auth/[...nextauth].js file import NextAuth from "next-auth"; export default NextAuth({ providers: [ CredentialsProvider({ name: "Credentials", credentials: { username: { label:…
I am trying to use Google Fonts on a Nextjs project with the newest version 13 and I can't import Google Fonts (i.e. Poppins) correctly. In the past I just added the link tags to the _document.js or _app.js file…
I used "npx create-next-app" to create my NextJs project, and now encountered an interaction with _app.js to describe TransactionContext, but the problem is that it is not in my project I would be grateful for help Instead of the pages…
I'm trying to use getServerSession() in next.js like this: import Login from "./Login"; import Logged from "./Logged"; import { getServerSession } from "next-auth"; export default async function Nav() { const session = await getServerSession(); console.log(session.user); return ( <nav className="flex justify-end">…
I started studying react-query, I can't figure it out. Please help with an example based on my code There was such an action and a reducer export const addHighlighting = parent_id => dispatch => { dispatch({ type: types.HANDLE_COMMENT_HIGHLIGHTING, payload: {…
I have data in mongo. I fetch this data from mongo to screen. Then I want update data, by onClick (I select id) and send it to backend /api/folder I can see object in terminal, BUT I cannot modify it.…