MDXRemote 테이블 깨짐 문제

문제상황

nextjs14 에서 렌더링 과정에서 테이블 미렌더링

이런 테이블 직렬화를 위해서는 option으로 remakGfm 옵션을 주면된다. Next.Config.js 에도 이미 준 상태인데 따로 인지를 하지 못한다.

    <MDXRemote 
      source={processedSource}
      options={{
        : {
          remarkPlugins: [remarkGfm],
        },
      }}
      components={components}
    />