Localization with TypeScript and React context

MainPage.tsx

function MainPage() {
  const { standardTexts, personTexts: texts } = useContext(
    ApplicationTextsContext
  );
  return (
    <div>
      <h2>{texts.header}</h2>
      <div>
        <label>{texts.givenName}:</label>
        <input />
      </div>
      <div>
        <label>{texts.familyName}:</label>
        <input />
      </div>
      <div>
        <label>{texts.title}:</label>
        <input />
      </div>
      <button>{standardTexts.submit}</button>
    </div>
  );
}