From b82f90db48531eeeaff733614203d55d69a6833d Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Sun, 19 Mar 2023 00:54:54 +0100
Subject: [PATCH] Remove mdx-embed to fix build

---
 components/Card/index.tsx         |  2 +-
 components/Card/styles.tsx        |  2 +-
 @types/mdx.d.ts => mdx.d.ts       |  0
 package.json                      |  1 -
 pages/blog/[slug].tsx             | 11 ++++-------
 @types/styled.d.ts => styled.d.ts |  0
 tsconfig.json                     |  2 +-
 yarn.lock                         |  5 -----
 8 files changed, 7 insertions(+), 16 deletions(-)
 rename @types/mdx.d.ts => mdx.d.ts (100%)
 rename @types/styled.d.ts => styled.d.ts (100%)

diff --git a/components/Card/index.tsx b/components/Card/index.tsx
index 835e033..9c6e250 100644
--- a/components/Card/index.tsx
+++ b/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>
diff --git a/components/Card/styles.tsx b/components/Card/styles.tsx
index c84a0fc..120d645 100644
--- a/components/Card/styles.tsx
+++ b/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;
diff --git a/@types/mdx.d.ts b/mdx.d.ts
similarity index 100%
rename from @types/mdx.d.ts
rename to mdx.d.ts
diff --git a/package.json b/package.json
index 09aeb42..791b4b1 100644
--- a/package.json
+++ b/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",
diff --git a/pages/blog/[slug].tsx b/pages/blog/[slug].tsx
index 0f18b8f..c50151e 100644
--- a/pages/blog/[slug].tsx
+++ b/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>
 		</>
diff --git a/@types/styled.d.ts b/styled.d.ts
similarity index 100%
rename from @types/styled.d.ts
rename to styled.d.ts
diff --git a/tsconfig.json b/tsconfig.json
index b0b1075..7bfe1ca 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,5 +18,5 @@
 		"jsx": "preserve"
 	},
 	"exclude": ["node_modules"],
-	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+	"include": ["**/*.d.ts", "**/*.ts", "**/*.tsx"]
 }
diff --git a/yarn.lock b/yarn.lock
index ffe2722..b92b4e3 100644
--- a/yarn.lock
+++ b/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"