translate.ts

  // Export a helper component that allows for easy translations in views w/o
  // needing to use the context directly. Only handles simple key lookup at the
  // moment.
  function Translate({ id }: {
    id: keyof T
  }) {
    return (
      <i18nContext.Consumer>
        {
          ({ translate }) => translate(id)
        }
      </i18nContext.Consumer>

    )
  }