fix: update markdown-to-jsx

package.json

@@ -59,7 +59,7 @@
     "immer": "^10.0.2",
     "jotai": "2.2.2",
     "js-cookie": "3.0.5",
-    "markdown-to-jsx": "npm:@innei/markdown-to-jsx@7.1.3-beta.2",
+    "markdown-to-jsx": "npm:@innei/markdown-to-jsx@7.2.1-beta.0",
     "medium-zoom": "1.0.8",
     "mermaid": "10.3.0",
     "next": "13.4.12",

src/app/notes/[id]/pageImpl.tsx

@@ -10,7 +10,7 @@ import {
   NoteFooterNavigationBarForMobile,
   NoteTopic,
 } from '~/components/widgets/note'
-import { NoteBanner } from '~/components/widgets/note/NoteBanner'
+import { NoteRootBanner } from '~/components/widgets/note/NoteBanner'
 import { ArticleRightAside } from '~/components/widgets/shared/ArticleRightAside'
 import { BanCopyWrapper } from '~/components/widgets/shared/BanCopyWrapper'
 import { ReadIndicatorForMobile } from '~/components/widgets/shared/ReadIndicator'
@@ -52,7 +52,7 @@ const NotePage = function (props: NoteModel) {
             </ClientOnly>
           </span>
           <div className="ml-[-1.25em] mr-[-1.25em] mt-8 text-sm lg:ml-[calc(-3em)] lg:mr-[calc(-3em)]">
-            <NoteBanner />
+            <NoteRootBanner />
           </div>
         </header>
 

src/app/preview/page.tsx

@@ -15,7 +15,7 @@ import { simpleCamelcaseKeys } from '@mx-space/api-client'
 import { previewDataAtom } from '~/atoms/preview'
 import { ErrorBoundary } from '~/components/common/ErrorBoundary'
 import { Paper } from '~/components/layout/container/Paper'
-import { NoteBanner, NoteMetaBar } from '~/components/widgets/note'
+import { NoteMetaBar, NoteRootBanner } from '~/components/widgets/note'
 import { PageActionAside } from '~/components/widgets/page/PageActionAside'
 import { PostActionAside } from '~/components/widgets/post'
 import { ArticleRightAside } from '~/components/widgets/shared/ArticleRightAside'
@@ -184,7 +184,7 @@ const NotePreview = () => {
                 <NoteMetaBar />
               </span>
               <div className="ml-[-1.25em] mr-[-1.25em] mt-8 text-sm lg:ml-[calc(-3em)] lg:mr-[calc(-3em)]">
-                <NoteBanner />
+                <NoteRootBanner />
               </div>
             </header>
 

src/components/widgets/note/NoteBanner.tsx

@@ -1,5 +1,7 @@
 'use client'
 
+import type { FC } from 'react'
+
 import { clsxm } from '~/lib/helper'
 import { useCurrentNoteDataSelector } from '~/providers/note/CurrentNoteDataProvider'
 
@@ -39,10 +41,19 @@ const useNoteBanner = () => {
   return banner
 }
 
-export const NoteBanner = () => {
+export const NoteRootBanner = () => {
   const banner = useNoteBanner()
 
   if (!banner) return null
+
+  return <NoteBanner {...banner} />
+}
+
+export const NoteBanner: FC<{
+  style?: any
+  className: string
+  message: string
+}> = (banner) => {
   return (
     <div
       className={clsxm('flex justify-center p-4 leading-8', banner.className)}

src/components/widgets/peek/NotePreview.tsx

@@ -21,7 +21,7 @@ import {
 import { WrappedElementProvider } from '~/providers/shared/WrappedElementProvider'
 import { queries } from '~/queries/definition'
 
-import { NoteBanner, NoteHideIfSecret, NoteMetaBar } from '../note'
+import { NoteHideIfSecret, NoteMetaBar, NoteRootBanner } from '../note'
 import { BanCopyWrapper } from '../shared/BanCopyWrapper'
 import { XLogSummaryForNote } from '../xlog'
 
@@ -53,7 +53,7 @@ export const NotePreview: FC<NotePreviewProps> = (props) => {
               </ClientOnly>
             </span>
             <div className="ml-[-1.25em] mr-[-1.25em] mt-8 text-sm lg:ml-[calc(-3em)] lg:mr-[calc(-3em)]">
-              <NoteBanner />
+              <NoteRootBanner />
             </div>
           </header>