[Hotfix/v1.0.2] mdxOptions > development : 환경에 따라 가변 설정 시도

[Orchemi]

Trouble Shooting

mdx.lib.ts의 serialize 함수의 mdxOptions에서 development를 설정해주는데,

이를 true로 설정하면 개발 환경(development)에서는 문제가 발생하지 않고 serialize가 정상 동작하지만,
production에 배포했을 때, development가 아니므로 TypeError: _jsxDEV is not a function 에러 발생

하지만 development를 false로 설정하면, 개발환경에서 serialize가 정상동작하지 않고 TypeError: _jsx is not a function 에러 발생

-> 환경을 확인해 development를 가변적으로 설정하여 각 환경에서 모두 만족하도록 설정 시도

export const serializeMdx = async (
  source: string
): Promise<MDXRemoteSerializeResult> => {
  return await serialize(source, {
    mdxOptions: {
      development: ENV_TYPE === ENV.DV, // ⚠️
      ...
    },
  });
};

references

• next-mdx-remote repo issue#307
• next-mdx-remote repo issue#324

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
huns-log	✅ Ready (Inspect)	Visit Preview	Mar 22, 2024 3:42pm