const MyComponents = props = {
    const func1 = () => {
        props.doSomething(props.value);
    }

    const func2 = () => {
        props.doSomething2(props.value);
    }

    return (
        <ProjectContext.Provider value={{func1, func2}}>
                <NestedChildComponents />
        </ProjectContext.Provider>
    )
}

const MyComponents = ({value1, value2, doSomething, doSomething2}) = {
    const incrementCount = useCallback(() => {
        doSomething(value1);
    }, [value1, doSomething])

    const func2 = useCallback(() => {
        doSomething2(value2);
    }, [value2, doSomething2])

    const contextValue = useMemo(() => {
        return {func1, func2};
    }, [func1, func2])

    return (
        <ComponentContext.Provider value={contextValue}>
                <NestedChildComponents />
        </ComponentContext.Provider>
    )
}