A TypeScipt type to add children to older React components that don't have children declared

react-add-children-to-component

import { ComponentType, PropsWithChildren } from "react";
import { Text } from "react-native";
import { Wrapper } from "aws-amplify-react-native";

// 🪄 This is the magic
type AddChildrenToComponent<T> = T extends ComponentType<infer P>
  ? ComponentType<PropsWithChildren<P>>
  : never;

const WrapperWithChildren = Wrapper as AddChildrenToComponent<typeof Wrapper>;

export const YourComp = () => {
  return (
    <WrapperWithChildren>
      <Text>Hello, world!</Text>
    </WrapperWithChildren>
  );
};