App.tsx

import { Helmet, HelmetProvider } from "react-helmet-async";

const faqSchema = {
  "@context": "https://schema.org",
  "@type": "FAQPage",
  mainEntity: [
    {
      "@type": "Question",
      name: "よくある質問",
      acceptedAnswer: {
        "@type": "Answer",
        text: "よくある質問の答え"
      }
    }
  ]
};

export default function App() {
  return (
    <div className="App">
      <HelmetProvider>
        <Helmet>
          <script type="application/ld+json">
            {JSON.stringify(faqSchema)}
          </script>
        </Helmet>
      </HelmetProvider>
      <h1>react-helmet-async</h1>
    </div>
  );
}