Function TestWrapper

packages/dockview-react/src/__tests__/react.spec.tsx:73–109

(props: {
    component: React.FunctionComponent<TestInterface>;
    onReady: (api: ReactPart<TestInterface>) => void;
})

};

const TestWrapper = (props: {
    component: React.FunctionComponent<TestInterface>;
    onReady: (api: ReactPart<TestInterface>) => void;
}) => {
    const [portal, setPortal] = React.useState<React.ReactPortal[]>([]);
    const ref = React.useRef<HTMLDivElement>(null);

    React.useEffect(() => {
        const cut = new ReactPart<TestInterface>(
            ref.current!,
            {
                addPortal: (portal: React.ReactPortal) => {
                    setPortal((_) => [..._, portal]);

                    return {
                        dispose: () => {
                            setPortal((_) => _.filter((_) => _ !== portal));
                        },
                    };
                },
            },
            props.component,
            {
                valueA: 'stringA',
                valueB: 42,
            }
        );

        props.onReady(cut);

        return () => {
            cut.dispose();
        };
    }, []);

    return <div ref={ref}>{portal}</div>;
};