[@lit-labs/context] Is there a way to consume the value of a React Provider in a LitElement??

[hsskey]

Hi everybody,

I am planning to provide a library of web components created using LitElement to users. I have created a Select component and plan to wrap it with React for React users. I'd like to inquire about any issues that have arisen during this process.

The Overlay displayed in the Select component is not a component but a functional. The Overlay needs to receive information from the user about where it should open(ex: 'body' or '#root', etc...)

During this process, I would like to provide these configuration values in the form of a Context Provider in React, allowing users to set values other than the default ones. I would like the Overlay within the Select component's implementation to receive the values provided by the React Provider and use these settings. How can I achieve this?
(Are there any other ideas besides passing the prop?)

<ConfigProvider value={...}>
    <LitProvider> //provider
       <LitButton></LitButton> //consumer
   </LitProvider>
</ConfigProvider>