Question: How to display arrow

[ntxl1210]

I created a ref and added it into floatingProps middleware but the arrow didn't display.
Here is my code:
const arrowRef = useRef(null);
...
floatingProps={{
middleware: [
offset(4),
shift({
padding: 10,
}),
flip(),
arrow({ element: arrowRef }),
],
placement: 'bottom',
}}
...

[JoseLion]

I'm sorry for not getting back to you sooner. I gave it a try, and I can see the problem. With the current implementation, there's no way to get the arrow's x and y positions. We'll need to change the approach of the middleware prop a bit. I'll be working on this next so we can provide a solution in the next release. Thanks for the report! 🙂