How to use the @wordpress/block-editor.withColorContext function in @wordpress/block-editor

(() => {
    interface Props extends be.withColorContext.Props {
        foo: string;
    }
    const Component = ({ colors, foo }: Props) => (
        <div>
            <h1>Color list</h1>
            <ul>
                {colors.map((c, i) =&gt; (
                    <li>{c.color}</li>
                ))}
            </ul>
            {foo}
        </div>
    );
    const Enhanced = be.withColorContext(Component);
    ;
    ;
})();