Currently, I am using NextAuth for my Next.js/MongoDB application. However, I encountered an issue when attempting to query the User record in an Api file.
import Users from '../../../model/user';
let userId = query.id;
const userData = await Users.findOne({_id:userId});
console.log('userData ',userData);
The error message that I am receiving is as follows:
Error: _model_user__WEBPACK_IMPORTED_MODULE_1__.default.findOne is not a function
What does the term query refer to in your code? Consider using req.query.id, as API requests and responses typically involve req and res
Make sure to convert your userId to an ObjectId
import Users from '../../../model/user';
import { ObjectId } from 'bson';
...your handler method, such as get, post, delete etc
//if your file is named [id].tsx, for [pid].tsx you should use req.query.pid
let userId = req.query.id;
//you only need to transform if searching by _id field
const userData = await Users.findOne({"_id": ObjectId(userId)});
if (userData.?_id){
res.status(200).json(userData)
}
else{
res.status(500).json('User data not found')
}
I'm attempting to develop a modal utilizing intercepting routes similar to the example shown in this guide on NextJS documentation. I am using framer motion for implementing modal animations, however Animate Presence seems to be causing issues in this ...
I attempted to create a basic user interface for smart contracts using polkadot.js within the next.js framework. The UI content is straightforward, calling the Flipper contract that serves as an example contract in substrate. Upon compiling, I encountered ...
I have developed an ecommerce application using next.js. The top bar of the application contains contact and other link information, followed by a long search section below. These two items are implemented in 2 components and combined together. However, I ...
In my project, I am using react and next.js to make API requests from a search bar and display a list of movies on the homepage. Each search result redirects me to a different page that shows detailed data related to the selected movie. However, the issue ...
Hi there, I am currently utilizing the <Head/> Tag from an API in my NextJs project. All meta tags are functioning properly except for the title meta tag, which seems to be displaying the first H1 on the page instead. Here is the code snippet: ...
I have successfully integrated a Chatbot component into my Next.js application. https://i.stack.imgur.com/BxgWV.png Now, I want to make this component available for anyone to use on their own website by simply adding a tag. My initial approach was to cre ...
The following code snippet is causing me some trouble: <a onClick={() => { if (fortype === "user") { if (rd.track !== null) { router.push({ pathname: `/tracks/${rd.track._id}`, query: { fr ...
Currently, I am incorporating CSS modules into a Next.js project. If we take a look at the following code: // foo.module.(s)css .foo :global { animation-name: bounce; // ... } My question is, is there a way to adjust the Webpack configuration in Ne ...
I have recently started working with NEXT JS and I am encountering a peculiar issue for which I haven't been able to find a solution online. The warning message I'm getting is: "Each child in a list should have a unique key prop." Warning: Each c ...
Objective: Arranging for the launch of an app using a global docker-compose Challenge: The issue lies in starting the app, specifically with this command node ./apps/landing/server.js which fails to locate the server.js file node: internal/modules/cjs/lo ...
I'm in search of a more elegant solution for my next-routes to gracefully handle file not found (specifically route not found) when executing from server.js (server side) and also while operating on the client side with Link. The current solution I ha ...
So I've been working on a project that involves having potentially unlimited input fields. However, once I add around 200 items, the performance starts to degrade significantly. You can see a demo of this issue here: (To test: Focus on the last input ...
Running into some challenges while hosting my Next.js 13 application on cPanel led me to an alternative solution I discovered online. The workaround involved deploying the application on Vercel and adjusting the DNS records in cPanel to direct traffic to ...
Is it worth loading these icons dynamically? import { faCheck, faCogs, faCoins, faCouch, faCreditCard, faGhost, faGift, faPuzzlePiece, faQrcode, faTasks, faVideo, faChild, faCubes, } from "@fortawesome/free-solid-svg-icons&qu ...
I am currently working with a GraphQL query in Nexjs that is connected to headless Wordpress via the WpGraphQl plugin: export const GET_POSTS_BY_CATEGORY_SLUG = gql` query GET_POSTS_BY_CATEGORY_SLUG( $slug: String, $uri: String, $perPage: Int, $offset: In ...
My goal is to dynamically change the className of each Card component when clicked on. When one Card is selected, the others should revert back to their default className. This is my UserBookingData component: const UserBookingData = ({ bookings }: any) = ...
My current setup involves using eslint in conjunction with nextjs and eslint-config-next. I prefer to use bun as my package manager, although similar issues have been reported with npm and yarn. I did not introduce any new packages, but after executing bu ...
I am currently utilizing version 14 of next.js with its app routing feature and NextAuth. My goal is to secure the API, however, I encounter a null object when using the getServerSession( authOptions ) method while attempting to access a protected endpoin ...
Currently, I am located at this specific URL path: http://localhost:3034/dashboard/one. My next step involves passing a substantial object to another component called <Edit/>, which also includes modifying the URL path to become http://localhost:303 ...
As per the official documentation of Next.js, exposing an environment variable requires using the NEXT_PUBLIC_ prefix. However, in this case, the admin is utilizing process.env.REACT_APP_API_ENTRYPOINT. In order to access the REACT_APP_API_ENTRYPOINT envi ...