x 値間をアニメーション化するコードがありますが、justify-content: center から left に遷移しようとすると機能しません。

以下はコード スニペットです:

function Navbar() { const {scrollY} = useScroll(); const x = useTransform(scrollY, [0, 100], ["center", "left"]); 戻る （
      <モーション.div レイアウト classname="{styles.parent}" style="{{" justifycontent: x、display: "flex" }} 遷移="{{" 持続時間: 0.5>
       <画像 src="//m.sbmmt.com/BlackLogo-2.svg" alt="CG ロゴ" 幅="{100}" 身長="{100}" style="{{パディング:" 20,}} 優先度> ） }