我有一个像这样的HOC

import React, {useEffect, useMemo, useState} from 'react'

interface WindowSize {
    width: number,
    height: number
}

export function WithWindowSize <T>(Component: React.ComponentType<T>) {
    return function WithComponent(props: T) {
        const [windowSize, setWindowSize] = useState({} as WindowSize)

        useEffect(() => {
            ...
        }, [])

        return <Component
            {...props}
            windowSize={windowSize}/>
    }
}

export default WithWindowSize;

现在我想使用这个HOC。

interface FooProps {
    headline: string,
    value: string | number,
}

const Foo = ({headline, value, windowSize}: FoooProps & WindowSize) => {
    return ...
}

export default WithWindowSize(Foo);

这给了我
类型“FooProps & WindowsSize”上不存在属性“windowSize”。
如何将prop类型WindowSize注入到Foo中？我认为最好的方法是在HOC中进行，这样我就不必每次使用WithWindowSize Package 东西时都进行此操作。