This react code written in TypeScript:

  useEffect(() => {
    let componentIsAlive = true;
    if (wellDesignId) {
      const getCostData = async () => {
        setIsLoading(true);

        const response = await client.getCostReferences({
          wellDesignId,
          projectId,
          referenceIds,
        } as IGetCostReferencesQuery);

        setIsLoading(false);

        if (componentIsAlive) {
          setCostReferenceGroups(response);
        }
      };
      getCostData();
    }

Causes warning:

Promise returned from getCostData is ignored

How can I avoid this warning?

