change rendererOptions to optional

apps/app/src/client/components/Page/SlideRenderer.tsx

@@ -1,5 +1,4 @@
 import type { JSX } from 'react';
-import type { Options as ReactMarkdownOptions } from 'react-markdown';
 
 import { usePresentationViewOptions } from '~/stores/renderer';
 
@@ -16,10 +15,7 @@ export const SlideRenderer = (props: SlideRendererProps): JSX.Element => {
   const { data: rendererOptions } = usePresentationViewOptions();
 
   return (
-    <Slides
-      hasMarpFlag={marp}
-      options={{ rendererOptions: rendererOptions as ReactMarkdownOptions }}
-    >
+    <Slides hasMarpFlag={marp} options={{ rendererOptions }}>
       {markdown}
     </Slides>
   );

apps/app/src/client/components/PagePresentationModal/PagePresentationModal.tsx

@@ -5,7 +5,6 @@ import type { PresentationProps } from '@growi/presentation/dist/client';
 import { useSlidesByFrontmatter } from '@growi/presentation/dist/services';
 import { LoadingSpinner } from '@growi/ui/dist/components';
 import { useFullScreen } from '@growi/ui/dist/utils';
-import type { Options as ReactMarkdownOptions } from 'react-markdown';
 import { Modal, ModalBody } from 'reactstrap';
 
 import { useCurrentPageData } from '~/states/page';
@@ -87,7 +86,7 @@ const PagePresentationModalSubstance: React.FC = () => {
         {rendererOptions != null && isEnabledMarp != null && (
           <Presentation
             options={{
-              rendererOptions: rendererOptions as ReactMarkdownOptions,
+              rendererOptions,
               revealOptions: {
                 embedded: true,
                 hash: true,

packages/presentation/src/client/consts/index.ts

@@ -4,7 +4,7 @@ import type { Options as RevealOptions } from 'reveal.js';
 export const MARP_CONTAINER_CLASS_NAME = 'marpit';
 
 export type PresentationOptions = {
-  rendererOptions: ReactMarkdownOptions;
+  rendererOptions?: ReactMarkdownOptions;
   revealOptions?: RevealOptions;
   isDarkMode?: boolean;
   disableSeparationByHeader?: boolean;