App.js

import './App.css'
import SectionItem from './components/section-item/sectionItem'
import { useTranslation } from 'react-i18next'
import React from 'react'

export default function App () {
  const { t } = useTranslation()

  var section = t('section', { returnObjects: true }) // Return the array from my local JSON file

  return (
    <div className='App'>

      {section &&
        section.length > 0 &&
        section.map(item => {
          return (
            <React.Fragment key={item.title}>
              <SectionItem item={item} />
            </React.Fragment>
          )
        })}

    </div>
  )
}