[Bug] Any children on an animated element gets mounted twice and the second ref is unusable

[vanillacode314]

Repro

https://codesandbox.io/s/solidspringdoublemountrepro-7jqzuv?file=%2Fsrc%2Fmain.tsx

Workaround

function() {
  let myRef
  return (
    <animated.div style={{'backgroud-color':'red',...expand()}}>
      <div ref={(el)=> {
          if (myRef) return
          myRef = el
        }}
      >
        I get mounted twice and the second ref is unusable
      </div>
    </animated.div>
  )
}

[Aslemammad]

Interesting, Anyone interested for this?

[vanillacode314]

what do you mean by interested?

[Aslemammad]

I mean interested in working/solving on this issue.

[vanillacode314]

I might if you can give me some direction as where should I look in the codebase

[Aslemammad]

The best thing to do is to put debugger in your code or the solid-spring source code! That's the best way to debug honestly!