Remove mdx-embed to fix build

components/Card/index.tsx

@@ -14,7 +14,7 @@ interface Props {
 
 const Card: FC<Props> = ({ title, description, image, tags, href, target, onClick }) => {
 	return (
-		<StyledCard href={href} onClick={onClick} image={Boolean(image)} target={target}>
+		<StyledCard href={href} onClick={onClick} image={image ? Boolean(image) : undefined} target={target}>
 			<div className='card-content'>
 				<h3>{title}</h3>
 				<p>{description}</p>

components/Card/styles.tsx

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import Link from 'next/link';
 
-export const StyledCard = styled(Link)<{ image: boolean }>`
+export const StyledCard = styled(Link)<{ image?: boolean }>`
 	cursor: pointer;
 	width: 100%;
 	display: grid;

package.json

@@ -12,7 +12,6 @@
     "@mdx-js/loader": "^2.3.0",
     "@next/mdx": "^13.2.4",
     "gray-matter": "^4.0.3",
-    "mdx-embed": "^1.1.2",
     "next": "^13.2.4",
     "next-mdx-remote": "^4.4.1",
     "nprogress": "^0.2.0",

pages/blog/[slug].tsx

@@ -3,7 +3,6 @@ import { getBlogPostsSlugs, getBlogPostdata } from '../../utils/blog';
 import { useRouter } from 'next/router';
 import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
 import { MDXProvider } from '@mdx-js/react';
-import { MDXEmbedProvider } from 'mdx-embed';
 import { GetStaticPaths, GetStaticProps } from 'next';
 import { serialize } from 'next-mdx-remote/serialize';
 import { Wrapper } from '../../styles/blog/slug';
@@ -84,17 +83,15 @@ const BlogPost: FC<Props> = ({ source, frontMatter, text }) => {
 					) : null}
 					{frontMatter?.image ? (
 						<div className='image'>
-							<Image alt={frontMatter?.title} src={frontMatter.image} fill />
+							<Image alt={frontMatter?.title} src={frontMatter?.image} fill />
 						</div>
 					) : null}
 					<hr />
 				</div>
 				<MDXProvider components={{ ...htmlOverrides, ...mdxComponents }}>
-					<MDXEmbedProvider>
-						<div className='content'>
-							<MDXRemote {...source} />
-						</div>
-					</MDXEmbedProvider>
+					<div className='content'>
+						<MDXRemote {...source} />
+					</div>
 				</MDXProvider>
 			</Wrapper>
 		</>

tsconfig.json

@@ -18,5 +18,5 @@
 		"jsx": "preserve"
 	},
 	"exclude": ["node_modules"],
-	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+	"include": ["**/*.d.ts", "**/*.ts", "**/*.tsx"]
 }

yarn.lock

@@ -946,11 +946,6 @@ mdast-util-to-string@^3.0.0, mdast-util-to-string@^3.1.0:
   dependencies:
     "@types/mdast" "^3.0.0"
 
-mdx-embed@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/mdx-embed/-/mdx-embed-1.1.2.tgz#04468e8dcb3be9fe3e65207e88a83d2f76555a24"
-  integrity sha512-AAronHC/sh4py+RhJOuX8+9+lyUbJsmCLquXNPCEHZ0llPWjMuwls77hII/lWI2kwBSPZPahrqti8kGTv1pi1w==
-
 micromark-core-commonmark@^1.0.0, micromark-core-commonmark@^1.0.1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-1.0.6.tgz#edff4c72e5993d93724a3c206970f5a15b0585ad"