Next.js does not let you directly use the motion component in it's server components you must change your import stratergy

import * as motion from "framer-motion/client";

this is how I import motion in my server components, wroks just fine for me