animation very laggy on firefox mobile

Hi, I am using Motion, spring & translate3d for something like a menubar with transform: `translate3d(${x}vw, 0vw, 0) and x ranging from -100 to 0 etc.

Is there a workaround for this.

It works perfectly smooth on chrome though.

Thanks

[nkbt]

Something like

<Motion>
  <Wrapper (with style, that is changed)>
    <ActualContent (connected to store, so it is never re-rendered when Wrapper is updated)>

[nkbt]

As a usual suggestion - make sure your children elements are not rerendered on every animation step. Make sure the only element rendered is the one with style. Also check prod mode, since prop checks are very slow.