Cant access refs inside <ArcherElement> component

[klmntv]

I am trying to use your library React-Archer and i really like it. It very helps me with my test task.

But i am faced with trouble: when i am trying to get access to div located inside with refForward i receive this:

(e4) {
e4 && ((0, l.assertContextExists)(f), f.registerChild(i2, e4));
}

how can i get access to that div? You can watch my code here:

https://github.com/klmntv/df_designer_frontend_test

[pierpo]

Hi!

Yes indeed, because this line overrides the given ref...

react-archer/src/ArcherElement/ArcherElement.tsx

Line 78 in d82b857

return React.cloneElement(child, { ...child.props, ref: onRefUpdate });

I need to find a better solution!

Thank you for the issue!

[pierpo]

By the way, I did not provide a workaround.

I guess you could add an additional element in between.

<ArcherElement>
  <div> {/* <- add this, with proper styling of course */}
    <YourElement ref={ref} />
  </div>
</ArcherElement>

I hope it helps 😊