Owner not setting for context provider

function Create(props) {
  return (
    <div>
      <h1>Hello</h1>
    </div>
  );
}

// How Inertia attaches persistent layouts to components
Create.layout = (page) => (
  <div style={{ border: "1px solid red" }}>{page}</div>
);

// How I am trying to pass the provider
Create.provider = (page) => (
  <TestContextProvider>{page}</TestContextProvider>
);

export default Create;

const renderPage = ({
    Component,
    props,
    key,
}) => {
    const child = createComponent(Component, { key, ...props });

    // Trying to call the provider similar to the layout below
    // return Component.provider(child);

    // Inertia adapters attach layout to the component here
    if (Component.layout && typeof Component.layout === "function") {
      return Component.layout(child);
    }

    return child;
};