Is it possible to pass a ref as a value in the provider?

[captDaylight]

When I do this I'm not able to access the ref when I try to access it.

export default function MyProvider(props: MyProps) {
  let ref: Ref<any> | undefined;
  return (
    <MyContext.Provider value={{ ref }}>
      <div ref={ref}>{props.children}</div>
    </MyContext.Provider>
  );
}

Is there a way to do this?

[captDaylight]

I ended up getting this to work like this. Maybe this is crazy?

export default function MyProvider(props: MyProps) {
  let ref: Ref<any> | undefined;
  const [store, setStore] = createStore({
    ref
  });

 createEffect(() => {
    setStore({ ref });
  });

  return (
    <MyContext.Provider value={store}>
      <div ref={ref}>{props.children}</div>
    </MyContext.Provider>
  );
}