MotionOne with solidStart

I was trying to experiment with using MotionOne with SolidStart. I installed it. Used this code:

import { Motion } from 'motion/solid'

export default function Home() {
  return (
    <Motion>
      <h1 class='h-full w-full text-textColor'>Main Page</h1>
    </Motion>
  )
}

import { Motion } from 'motion/solid'

export default function Home() {
  return (
    <Motion>
      <h1 class='h-full w-full text-textColor'>Main Page</h1>
    </Motion>
  )
}

and got

Failed to load url motion/solid (resolved id: motion/solid) in /home/grahf/code play/solid-start/src/routes/(home)/index.jsx. Does the file exist?

and Error when evaluating SSR module /src/routes/(home)/index.jsx: failed to import "motion/solid"

2 Replies

GrahfOP•2y ago

Because line one needs to read: import { Motion } from '@motionone/solid'

mdynnl•2y ago

i marked the thread as solved

Gaming

Programming

MotionOne with solidStart