matrix-art

commit 14c6bc1ea4d91b4ed7d28a0a2a61fb4393bd8607
parent 07963c1a89985cfdc2f572213d29141ad506914a
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri, 14 Jan 2022 02:16:50 +0100

Make sure reactjs doesnt destroy metadata

Diffstat:
M
pages/index.tsx
 | 
4
+---
M
pages/post/[id].tsx
 | 
9
++-------

2 files changed, 3 insertions(+), 10 deletions(-)
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -64,9 +64,7 @@ class Home extends PureComponent<Props, State>{
             <title key="title">Matrix Art | Home</title>
             <meta property="og:title" content="Matrix Art | Home" key="og-title" />
             <meta property="og:type" content="website" key="og-type" />
-            <script type="application/ld+json">
-              {JSON.stringify(metadata)}
-            </script>
+            <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(metadata) }}/>
           </Head>
           <Header></Header>
           <main className='mb-auto lg:pt-20 pt-52 z-0'>
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx
@@ -268,10 +268,7 @@ class Post extends PureComponent<Props, State> {
                     <meta property="og:image:width" content={imageEvent.content["m.image"].width.toString()} key="og-image-width" />
                     <meta property="og:image:height" content={imageEvent.content["m.image"].height.toString()} key="og-image-height" />
                     <meta name="twitter:image" content={url} key="og-twitter-image" />
-                    <script type="application/ld+json">
-                        {JSON.stringify(metadata)}
-                    </script>
-
+                    <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(metadata) }} />
                 </Head>
                 <div className="flex justify-center p-10 bg-[#fefefe]/[.95] dark:bg-[#14181E]/[.95]">
                     <LightGallery
@@ -333,9 +330,7 @@ class Post extends PureComponent<Props, State> {
                     <meta property="og:image:width" content={imageEvent.content["m.image_gallery"][0]["m.image"].width.toString()} key="og-image-width" />
                     <meta property="og:image:height" content={imageEvent.content["m.image_gallery"][0]["m.image"].height.toString()} key="og-image-height" />
                     <meta name="twitter:image" content={imageEvent.content["m.image_gallery"][0]["m.file"].url} key="og-twitter-image" />
-                    <script type="application/ld+json">
-                        {JSON.stringify(metadata)}
-                    </script>
+                    <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(metadata) }} />
                 </Head>
                 <div className="flex justify-center p-10 bg-[#fefefe]/[.95] dark:bg-[#14181E]/[.95]">
                     <LightGallery