🎑

Author: transitive-bullshit

examples/full/components/NotionPage.tsx

@@ -7,7 +7,7 @@ import { getPageTitle } from 'notion-utils'
 import { NotionRenderer } from 'react-notion-x'
 import { ExtendedRecordMap } from 'notion-types'
 
-const socialImage = '/social.jpg'
+import socialImage from '../public/social.jpg'
 
 // -----------------------------------------------------------------------------
 // dynamic imports for optional components
@@ -74,8 +74,8 @@ export const NotionPage = ({
         {socialImage ? (
           <>
             <meta name='twitter:card' content='summary_large_image' />
-            <meta name='twitter:image' content={socialImage} />
-            <meta property='og:image' content={socialImage} />
+            <meta name='twitter:image' content={socialImage.src} />
+            <meta property='og:image' content={socialImage.src} />
           </>
         ) : (
           <meta name='twitter:card' content='summary' />