Javascript 如何处理Apollo中的错误

我是一个使用阿波罗的初学者。我想知道，在突变和查询中如何进行错误处理。 目前，我有一个错误组件，它是一个模态。组件看起来像这样

import React, { useState } from "react";
import {Modal} from "antd";

const Error = ({ error }) => {
  const [visible, setVisible] = useState(true);

  return (
   <Modal
        title = "خطا به وجود آمده است"
        visible={visible}
        onOk = {() => {
            setVisible(false);
          }
        }
        cancelButtonProps={{ type: "text"}}
        okText="تایید"
        cancelText=" "
        >
       <p>
           متن خطا:
           {error.message}
       </p>
   </Modal>
  )
};


export default (Error);

import React，{useState}来自“React”；
从“antd”导入{Modal}；
常量错误=（{Error}）=>{
const[visible，setVisible]=useState（true）；
返回(
{
setVisible（假）；
}
}
cancelButtonProps={type:“text”}
okText=“تاید”
cancelText=“”
>

متن خطا:
{error.message}

)
};
导出默认值（错误）；

我现在处理错误的方法如下。如果我希望错误不会中断代码的继续，我应该怎么做

{error && <Error error = {error}/>}

{错误&&}