Лучшая практика для проверки нулевых данных из запроса GraphQL в React?

Question

Каков рекомендуемый способ проверки наличия данных при выполнении запроса graphQL в React?

В настоящее время я делаю что-то вроде этого:

<Query<DogQuery> query={dogQuery}>
  {({ data, loading }) => {
    if (loading) return null;
    if (!data) return <div>no data!</div>;
    if (!data.dog) return <div>no Dog!</div>;
    return data.dog.imgUrl ? (
      <div>
        <img src={data.dog.imgUrl} alt='random dog' />
      </div>
    ) : null;
  }}
</Query>

Есть ли более чистый способ проверка данных null -i sh?