Erro durante o uso do mock

Baseado na aula, utilizei o nome do objeto como cesta, mas ao tentar descontruí-lo no app.js, dentro de cesta, os textos não apareciam, então renomeei o o import de mock para cesta e então finalmente os textos vieram, creio que possa ter ocorrido algum erro durante a aula.

mocks/cesta.js:

import imgFazenda from '../../assets/logo.png'

export const cesta = {
  topo: {
    titulo: "Detalhes da cesta"
  },

  detalhes: {
    nomeDaCesta: "Cesta de Verduras",
    logo: imgFazenda,
    nomeDaFazenda: "Jenny Jack Farm",
    descricao: "Uma cesta com produtos selecionados cuidadosamente da fazenda direto pra sua cozinha.",
    preco: "R$ 40,00"
  }
}

App.js Como feito na aula, não funcionou:

import { mock } from './src/mocks/cesta'

export default function App() {
  const [fonteCarregada] = useFonts({
    "MontserratRegular": Montserrat_400Regular,
    "MontserratBold": Montserrat_700Bold,
  });

  if(!fonteCarregada){
    return <View/>
  }

  return (
    <SafeAreaView>
      <StatusBar/>
      <Cesta {...mock}/>
    </SafeAreaView>
  );
}

Como resolvido o problema:

import { cesta } from './src/mocks/cesta'

export default function App() {
  const [fonteCarregada] = useFonts({
    "MontserratRegular": Montserrat_400Regular,
    "MontserratBold": Montserrat_700Bold,
  });

  if(!fonteCarregada){
    return <View/>
  }

  return (
    <SafeAreaView>
      <StatusBar/>
      <Cesta {...cesta}/>
    </SafeAreaView>
  );
}

Espero ter ajudado! Bons estudos Galera.