diff --git a/src/components/blog/SinglePost.astro b/src/components/blog/SinglePost.astro
index 2c889a6..6576b1e 100644
--- a/src/components/blog/SinglePost.astro
+++ b/src/components/blog/SinglePost.astro
@@ -5,7 +5,7 @@ import SocialShare from '~/components/atoms/SocialShare.astro';
 
 import { getFormattedDate } from '~/utils/utils';
 
-const { post, canonical } = Astro.props;
+const { post, url } = Astro.props;
 ---
 
 <section class="py-8 sm:py-16 lg:py-20 mx-auto">
@@ -45,7 +45,7 @@ const { post, canonical } = Astro.props;
 		<div class="container mx-auto px-6 sm:px-6 max-w-3xl mt-8 flex justify-between flex-col sm:flex-row">
 			<PostTags tags={post.tags} class="mr-5" />
 			<SocialShare
-				url={canonical}
+				url={url}
 				text={post.title}
 				class="mt-5 sm:mt-1 align-middle text-gray-400 dark:text-slate-600"
 			/>
diff --git a/src/pages/[...blog]/[slug].astro b/src/pages/[...blog]/[slug].astro
index 6e5e0b4..0ff1ab2 100644
--- a/src/pages/[...blog]/[slug].astro
+++ b/src/pages/[...blog]/[slug].astro
@@ -23,12 +23,12 @@ export async function getStaticPaths() {
 }
 
 const { post } = Astro.props;
-const canonical = post.canonical || getCanonical(getPermalink(post.slug, 'post'));
+const url = getCanonical(getPermalink(post.slug, 'post'));
 
 const meta = {
 	title: `${post.title} — ${SITE.name}`,
 	description: post.description,
-	canonical: canonical,
+	canonical: post.canonical || url,
 	image: await findImage(post.image),
 	ogTitle: post.title,
 	ogType: 'article',
@@ -36,5 +36,5 @@ const meta = {
 ---
 
 <Layout {meta}>
-	<SinglePost post={{ ...post, image: meta.image }} canonical={canonical} />
+	<SinglePost post={{ ...post, image: meta.image }} url={url} />
 </Layout>