blog fix typescript errors

Author: 4lb

src/components/client-side/ClientMarkdown.tsx

@@ -2,6 +2,7 @@ import Markdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 // For v2.0.0 this import should work correctly
 import rehypeLinks from "rehype-external-links";
+import type { Plugin } from 'unified';
 
 type Props = {
   data: string;
@@ -11,9 +12,9 @@ const ClientMarkdown = ({ data }: Props) => {
   return (
     <Markdown
       rehypePlugins={[
-        rehypeRaw,
+        rehypeRaw as Plugin,
         [
-          rehypeLinks,
+          rehypeLinks as Plugin,
           {
             target: "_blank",
             rel: ["nofollow", "noopener", "noreferrer"],

src/pages/blog/[slug].astro

@@ -19,7 +19,7 @@ const { Content, headings, remarkPluginFrontmatter } = await entry.render();
 
 
 // Format the publication date
-const formatDate = (date) => {
+const formatDate = (date: Date) => {
   return new Date(date).toLocaleDateString('en-US', {
     year: 'numeric',
     month: 'long',
@@ -34,6 +34,10 @@ const url = `https://defguard.net/blog/${entry.slug}`;
 <ProductLayout
   title={title}
   url={url}
+  featuredImage="github.com/DefGuard/defguard.github.io/raw/main/public/images/png/defguard.png"
+  imageWidth="1080"
+  imageHeight="540"
+  tags={[]}
 >
   <Navigation activeSlug="/blog" />
 

src/pages/blog/index.astro

@@ -14,7 +14,7 @@ const sortedPosts = allPosts.sort(
   (a, b) => new Date(b.data.publishDate).valueOf() - new Date(a.data.publishDate).valueOf()
 );
 
-const formatDate = (date) => {
+const formatDate = (date: Date) => {
   return new Date(date).toLocaleDateString('en-US', {
     year: 'numeric',
     month: 'long',
@@ -29,6 +29,10 @@ const url = "https://defguard.net/blog";
 <ProductLayout
   title={title}
   url={url}
+  featuredImage="github.com/DefGuard/defguard.github.io/raw/main/public/images/png/defguard.png"
+  imageWidth="1080"
+  imageHeight="540"
+  tags={[]}
 >
   <Navigation activeSlug="/blog" />