ReactJS dispatcher.useSyncExternalStore is not a function как решить эту ошибку?

После добавления функции connect и дополнительных к ней функций mapStateToProps, mapDispatchToProps у меня появилась ошибка Uncaught TypeError: dispatcher.useSyncExternalStore is not a function я все делал как было написано в видео. Вот мой код

let mapStateToProps = (state) => {
    return {
        state: state
    }
    
}

let mapDispatchToProps = (dispatch) => {
    return {
        newPostText: text => dispatch(onPostActionCreate(text)),
        addPost: () => dispatch(addPostActionCreate())
        
    }
}
const ProfileInfoContainer = connect(mapStateToProps, mapDispatchToProps)(ProfileInfo);

const ProfileInfo = (props) => {

    let newPostIn = React.createRef(); 
    
    let onPostChange = () => {
        let text = newPostIn.current.value;
        props.newPostText(text);
     } 

    let addPost = () => {
        props.addPost();
    }

    return (
        <div>
            <div className='profil-block'>
                <h3>Петр Петрович Петров</h3>
                <p>О себе: 28 лет, космонавт, живу в скафандре</p>
            </div>
            <div className="newPost">
              <textarea onChange={onPostChange} ref={newPostIn} className='newPostIn' value={props.state.PostPage.newPost}></textarea>
              <button onClick={addPost} className= 'newPostBtn'>+</button>
            </div>
            <div className="ribPosts"><RibbonPosts posts={props.state.PostPage} /></div>
        </div>
    );
}