title: How to Translate data in array of objects with .map() using react-i18next
body: <p>Just started using i18next and having a bit of issues translating the following data.</p>
  
  <pre><code>export const educationData = [
    { education: "Some education 1", timeframe: "2017 - 2018", id: 1 },
    { education: "Some education 2", timeframe: "2016 - 2017", id: 2 },
    { education: "Some education 3", timeframe: "2015 - 2016", id: 3 },
    { education: "Some education 4", timeframe: "2014 - 2015", id: 4 }
  ];
  </code></pre>
  
  <p>JSON in locales for different languages looks like:</p>
  
  <pre><code>"education": {
    "heading": "Education",
    "educationData": [
      {
        "id": 1,
        "education": "Some education 1",
        "timeframe": "2017 - 2018"
      },
      {
        "id": 2,
        "education": "Some education 2",
        "timeframe": "2016 - 2017"
      },
      {
        "id": 3,
        "education": "Some education 3",
        "timeframe": "2015 - 2016"
      },
      {
        "id": 4,
        "education": "Some education 4",
        "timeframe": "2014 - 2015"
      }
    ]
  }
  </code></pre>
  
  <p>Component looks like:</p>
  
  <pre><code>import React from "react";
  import { useTranslation } from "react-i18next";
  import { educationData } from "../data/educationData";
  import Education from "./Education.js";
  
  function ListEducation() {
    const { t } = useTranslation();
    return (
      &lt;div className="education py-1"&gt;
        &lt;h2&gt;{t("education.heading")}&lt;/h2&gt;
        &lt;hr /&gt;
        {educationData.map((edu) =&gt; (
          &lt;Education
            key={edu.id}
            education={edu.education}
            timeframe={edu.timeframe}
          /&gt;
        ))}
      &lt;/div&gt;
    );
  }
  
  export default ListEducation;
  </code></pre>
  
  <p>How do i get the translations to work in the .map() function? Outside of .map() something like t("education.educationData.0.education") works fine.</p>
  
  <p>Inside .map function it just outputs "education.educationData.0.education" as a string.</p>