Récupérer des valeurs d'un fichier typescript avec reactjs

Décrivez ici votre problème ou ce que vous cherchez à faire.

export const marvelTemplate = {
  templateDescription: 'FS Monthly report - Type String',
  systems: [
    {
      name: 'FR00153',
      description: {
        latitude: 0,
        longitude: 0,
      },
      coreData: {
        totalConsumption: 11760999.038825627,
        tendance: -6.521139163886986,
      },
      technologiesData: {
        MARVEL: {
          averageSavings: 562966.6719714096,
        },
      },
      systems: [
        {
          name: 'M02',
          coreData: {
            totalConsumption: 5780205.345668045,
            tendance: -15.673192398018784,
          },
          technologiesData: {
            MARVEL: {
              averageSavings: 397445.9716267253,
            },
          },
          hoods: [
            {
              name: 'H13',
              coreData: {
                totalConsumption: 1314317.9028738998,
             }
             {
              name: 'H12',
              coreData: {
                totalConsumption: 0.0,
             }

Ce que je veux

Je veux pouvoir récupérer les valeurs des différents systémes, par exemple si je choisis le "hoods" qui a pour nom H13 je veux récupérer le nom, ainsi que la consommation total

Ce que j'obtiens

Je débute en reactjs donc je ne sais vraiment pas comment faire pour récupérer les données d'un autre fichier
Merci pour votre aide d'avance