Function createdNestedComponent

  • Type Parameters

    • T extends FC<any>
    • U extends Record<string, FC<any>>

    Parameters

    • target: T
    • source: U

    Returns T & U

    import {createNestedComponent} from 'muitils'
    
     const ChildComponent1 = () => <div>ChildComponent1</div>;
    const ChildComponent2 = () => <div>ChildComponent2</div>;

    const NestedComponent = createNestedComponent(
    function ({children}: {children: React.ReactNode}) {
    return <div>{children}</div>
    }, {
    ChildComponent1,
    ChildComponent2
    });

    function ExampleUsage() {
    return (
    <NestedComponent>
    <NestedComponent.ChildComponent1 />
    <NestedComponent.ChildComponent2 />
    </NestedComponent>
    )
    }