Intentando registrar un objeto de datos en la consola utilizando la notación de puntos y no funciona, ¿por qué?

Tengo un proyecto React que utiliza Graphql y Mongo. Al hacer una consulta, estoy tratando de registrar los datos devueltos en la consola a través de la notación de punto y devuelve “undefined”.

¡No puedo entender por qué??

Mi Componente:

import { useQuery } from "@apollo/client";
import React, { useEffect } from "react";
import { GET_USER_SETTINGS } from "../graphql/getUserTimeSetting";

const UserAuthSettings = ({ isAuthenticated, toggle, user = { name: "" } }) => {
  const { data, loading, error } = useQuery(GET_USER_SETTINGS, {
    variables: { userName: user.name },
    options: {
      awaitRefetchQueries: true,
    },
  });

  console.log(data.userTimeSetting);

  if (loading) return <div>Enviando...</div>;
  if (error) return <div>{error.message}</div>;

  return null;
};

export default UserAuthSettings;

Consola

Si solo hago “console.log(data)”