今天我決定更新我的 react 項目的依賴項，我的組件Home不再工作了，我實際上正在使用 apollo 客戶端和 apollo react 鉤子，這是 miHome組件文件：function Home(props) {    const {        loading,        data: { getPosts: posts }    } = useQuery(FETCH_POSTS_QUERY);    return (        <Grid columns={3} stackable={true} className={loading ? 'loading' : ''}>            <Grid.Row className='page-title'>                <h1>Recent Posts</h1>            </Grid.Row>            <Grid.Row>                {user && (                    <Grid.Column>                        <PostForm user={user} />                    </Grid.Column>                )}                {loading ? (                    <Loading />                ) : (                    posts &&                    posts.map(post=> (                        <Grid.Column key={post._id} style={{ marginBottom: 20 }}>                            <PostCard post={post} />                        </Grid.Column>                    ))                )}            </Grid.Row>        </Grid>    );}我在瀏覽器中收到此錯誤： “TypeError：無法讀取未定義的屬性‘getPosts’”我正在嘗試用這個小小的代碼變體來修復它：function Home(props){    let posts = '';    const { user } = useContext(AuthContext);    const { loading, data } = useQuery(FETCH_POSTS_QUERY);    if (data) {        posts = data.getPosts;    }一切正常，但如果我添加一個新帖子更新阿波羅緩存，該緩存會正確更新舊帖子和新帖子，但前端沒有顯示它，只顯示舊帖子，直到我手動刷新頁面。編輯：這是來自PostForm組件的代碼，我也更新了Home組件，添加了PostForm：function PostForm(props) {    const { values, handleChange, handleSubmit } = useForm(createPostCallback, {        title: 'Example Title',        body: ''    });    const [createPost] = useMutation(CREATE_POST_MUTATION, {        variables: values,        update(dataProxy, result) {            const data = dataProxy.readQuery({                query: FETCH_POSTS_QUERY            });            data.getPosts = [result.data.createPost, ...data.getPosts];            dataProxy.writeQuery({                query: FETCH_POSTS_QUERY,                data            });            values.body = '';        }    });知道如何解決第一個代碼問題嗎？提前謝謝各位朋友！