_includes/HakkenDates.tsx

@@ -43,13 +43,13 @@ const getStartAndEnd = (date) => {
   }
 };
 
-export default ({ data, lang, className = '', }) => {
+export default ({ data, language, className = '', }) => {
   const strings = data.strings;
   const dates = data.dates;
-  const t = (o) => o?.[lang] || '';
+  const t = (o) => o?.[language.slug] || '';
 
   return <section
-    id={`dates-list-${lang}`}
+    id={`dates-list-${language.slug}`}
     className={`ps-hakken-dates ${className}`}
   >
     <h3>{t(strings.comingDates)}</h3>

_includes/Langlink.tsx

@@ -1,4 +1,4 @@
 export default ({ otherLang, baseURL }) => <a
   href={otherLang.urlPrefix ? `/${otherLang.urlPrefix }${baseURL}` : baseURL}
-  class="ps-homelink ps-homelink_lang"
+  className="ps-homelink ps-homelink_lang"
 >{otherLang.slug}</a>

_includes/layouts/default.tsx

@@ -45,8 +45,8 @@ export default ({
       <main className="ps-main--page ps-page">
         <div className="ps-page--contents">
           <section dangerouslySetInnerHTML={{ __html: md(content) }}></section>
-          {showServices ? <Services lang="en" language={language} data={services} /> : null}
-          {showHakkenDates ? <HakkenDates lang="en" data={hakken} /> : null}
+          {showServices ? <Services language={language} data={services} /> : null}
+          {showHakkenDates ? <HakkenDates language={language} data={hakken} /> : null}
         </div>
 
       </main>