Data isn't showing on the page. I think I've done ...
# prisma-clientc
Cheese
01/11/2021, 2:27 PMData isn't showing on the page. I think I've done this correctly.
Copy code
export async function getServerSideProps({ params }) {
const users = await prisma.user.findMany({
where: {
createdAt: new Date(),
name: params.toString()
}
})
return {
props : { users }
}
}
export default function UserPage({users}){
return (
<>
<Head>
<title>{users.username}</title>
</Head>
<Nav />
<div key={users.id}>
<h1>{users.username}</h1>
<p>{users.bio}</p>
</div>
</>
)
}j
Joël
01/11/2021, 2:30 PM
Your where is looking for user created “now”
Copy code
createdAt: new Date(),Joël
01/11/2021, 2:31 PM
I think you should remove that condition
c
Cheese
01/11/2021, 2:42 PMWhat should I put in its place?
Cheese
01/11/2021, 3:17 PM@Joël
j
Joël
01/11/2021, 3:24 PM
if you are trying to display a user profile you could probably do a where on username or id or email
c
Cheese
01/11/2021, 3:56 PMGetting this error
Cheese
01/11/2021, 6:47 PM@Joël
j
Joël
01/12/2021, 8:44 AM
maybe @Ryan knows
r
Ryan
01/12/2021, 9:52 AMNext.js cannot serialize
Date✨ 2
c
Cheese
01/12/2021, 11:48 AMHey @Ryan could I get an example to use with my where function?
r
Ryan
01/12/2021, 11:59 AMYou don’t need to change your
where.babelrcc
Cheese
01/12/2021, 12:26 PMThanks @Ryan 😄
Cheese
01/12/2021, 12:50 PMGetting another error...
Copy code
wait - compiling...
error - ./pages/[...username].tsx
TypeError: E:\libby\libby-web\pages\[...username].tsx: get(...) is not a functionCheese
01/12/2021, 5:39 PM@Ryan or @Joël
t
tim2
01/13/2021, 7:07 PMThis looks like an error in super json. can you provide a reproduction please?
c
Cheese
01/13/2021, 8:51 PMI'm not sure what you would like me to reproduce?
Cheese
01/13/2021, 8:51 PM• Create [...username].tsx file
• Use code from below
• Go to localhost:3000/Cheese
Cheese
01/13/2021, 8:52 PM Copy code
import Head from "next/head";
import { PrismaClient } from '@prisma/client';
import Nav from '../components/Nav'
const prisma = new PrismaClient();
export async function getServerSideProps({ params }) {
const users = await prisma.user.findMany({
where: {
name: params.toString()
}
})
return {
props: { users }
}
}
export default function UserPage({ users }) {
return (
<>
<Head>
<title>{users.name}</title>
</Head>
<Nav />
<div key={users.id}>
<h1>{users.name}</h1>
<p>{users.bio}</p>
</div>
</>
)
}Cheese
01/13/2021, 9:36 PMNow the error is showing
Copy code
./pages/[...username].tsx
TypeError: E:\libby\libby-web\pages\[...username].tsx: d(...) is not a function