Как я могу использовать экспорт по умолчанию injectIntl ​​(className) со StaticQuery?

Question

У меня проблема с GraphQL. Я пишу эти коды, чтобы передать заголовок и описание классу CourseDetails и успешно получить данные.

export default () => (
  <StaticQuery
    query={graphql`
      query {
        allCourseDataDetailsJson {
          edges {
            node {
              en {
                sectionHeroBanner {
                  title
                  description
                }
              }
              vi {
                sectionHeroBanner {
                  title
                  description
                }
              }
            }
          }
        }
      }
    `}
    render={data => (
      <CourseDetails
        title={
          data.allCourseDataDetailsJson.edges[0].node[`en`].sectionHeroBanner
            .title
        }
        description={
          data.allCourseDataDetailsJson.edges[0].node[`en`].sectionHeroBanner
            .description
        }
      />
    )}
  />
)

Однако, когда я пытаюсь добавить i18n с помощью gatsby-plugin-inlt, я никак не могу найти добавление injectIntl к этому классу CourseDetails. Обычно я могу добавить его как:

export default injectIntl(CourseDetails)

Так что я могу использовать intl.locale для обработки i18n. Но теперь, с GraphQL, он становится export default () => (<StaticQuery /> ), как указано выше. Как я могу добавить injectIntl ​​в этом случае?