Use React Context API for detecting nested components, ie. in Dialog component

[matzimowski]

instead of accessing DOM to find nested components, ie:

const isNestedDialog = overlayRef.current?.parentElement?.closest(DIALOG_SELECTOR);

use React Context API

good read: https://www.aleksandrhovhannisyan.com/blog/react-context-nested-components/