react.fc returning <Callout> in openlayers triggered by map.on(pointermove encountering a feature

[jsfranko]

I've successfully coded a crude callout in a react.fc class using div's and css. This is inside an app that uses openlayers. using the map.on(pointermove event. I'm triggered on the pointer encountering a feature on the map layer, and set the position of the callout to the coordinates of the feature (a point).

I'm trying to replace the crude callout with the fluentui <Callout> tag but not having much luck. the callout and anything inside it don't seem to render at all. if I place a <Text> outside the <Callout> it renders fine a the tip of the pointer. I've put some styling on the callout like a very noticeable border, to see if it is rendering, but nothing.

I'm also getting the warning useLayoutEffect does nothing on the server...

This app would only run in a browser as a React app.

Any ideas why my <Callout> is not rendering?