useRenderComponent.tsx

import * as React from "react";

function useRenderComponent<T>(Component: React.FC, initialProps?: T) {
    const [props, setProps] = React.useState<T>(initialProps);
    const updateProps = <K extends keyof T>(
        field: K,
        value: T[K]
    ) =>
        setProps((prevState: T) => ({
            ...prevState,
            [field]: value
        }));

    return {
        component: <Component {...props} />,
        updateProps
    };
};

export {useRenderComponent};