fix: use m.ul instead of motion.ul in PostList
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { motion } from "motion/react";
|
import { m } from "motion/react";
|
||||||
import { PostCard } from "./PostCard";
|
import { PostCard } from "./PostCard";
|
||||||
import type { PostMeta } from "@/lib/posts";
|
import type { PostMeta } from "@/lib/posts";
|
||||||
|
|
||||||
@@ -20,12 +20,12 @@ interface PostListProps {
|
|||||||
|
|
||||||
export function PostList({ posts }: PostListProps) {
|
export function PostList({ posts }: PostListProps) {
|
||||||
return (
|
return (
|
||||||
<motion.ul variants={listVariants} initial="hidden" animate="visible" className="space-y-8">
|
<m.ul variants={listVariants} initial="hidden" animate="visible" className="space-y-8">
|
||||||
{posts.map((post) => (
|
{posts.map((post) => (
|
||||||
<li key={post.slug}>
|
<li key={post.slug}>
|
||||||
<PostCard {...post} index={posts.indexOf(post)} />
|
<PostCard {...post} index={posts.indexOf(post)} />
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</motion.ul>
|
</m.ul>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user