Allow possibility to use different reference on useFloating

On usePopper we have an option to pass referenceElement and popperElement but in useFloating we don’t have that option.

The useFloating is responsible to return the refs but in some cases is not possible to set the returned ref to an element, because that referenceElement is passed as a prop (anchor is outside of my component), but looking to the docs I saw that useFloating use computePosition that receive this two references as an argument.

My solution is to use computePosition instead of useFloating but I will lose all functionalities provided by useFloating

[atomiks]

So you’d do this:

function Component({anchorRef}) {
  const {reference} = useFloating();

  useLayoutEffect(() => {
    reference(anchorRef.current);
  }, [anchorRef]);
}

Just need to make sure when anchorRef.current gets updated that the position can also be updated

[mauroreisvieira]

Perfect, thanks @atomiks