added follow me and tried to fix import issue on build

src/components/MediumBlogsDynamic/index.tsx

@@ -16,7 +16,7 @@ export default function MediumBlogsDynamic(props: Props) {
     <>
       <div class={s.header}>
         <h2 >Published Blogs</h2>
-        <input class={s.search} type="search" value={filter()} onInput={(e) => setFilter(e.currentTarget.value)} />
+        <input class={s.search} type="search" placeholder="filter" value={filter()} onInput={(e) => setFilter(e.currentTarget.value)} />
       </div>
       {
         filteredBlogs().map(post => <Post post={post} />)

src/pages/blogs.astro

@@ -1,8 +1,6 @@
 ---
-import Layout from '@/layouts/Layout.astro'
-import { Image } from 'astro:assets'
-import GorillaWriting from '@/images/gorilla-writing.jpg'
 import MediumBlogs from '@/components/MediumBlogs.astro'
+import Layout from '@/layouts/Layout.astro'
 ---
 
 <Layout title='Blogs'>
@@ -18,6 +16,12 @@ import MediumBlogs from '@/components/MediumBlogs.astro'
       </p>
     </div>
   </div>
+  <p>
+    Don't let your FOMO get the best of you! <a href='https://medium.com/@shadetreeit' target='_blank' class='button'
+      >Follow me on Medium</a
+    > and never miss an entry.
+  </p>
+
   <MediumBlogs />
 </Layout>
 

src/store/blogs.ts

@@ -2,14 +2,15 @@
 import rss from 'rss-to-json'
 //@ts-ignore
 const { parse } = rss
+// import { parse } from 'rss-to-json'
 import dayjs from 'dayjs'
 import { sort } from 'fast-sort'
 const paragraph = /<p[^>]*>(.*?)<\/p>/i
 const imageUrl = /<img[^>]+src="([^">]+)"/i
 
 export async function fetchBlogPosts(): Promise<BlogPost[]> {
   const rssJson = await parse('https://medium.com/feed/@shadetreeit')
-  const posts: BlogPost[] = rssJson.items.map(item => {
+  const posts: BlogPost[] = rssJson.items.map((item: any) => {
     const firstParagraph = item.content.match(paragraph)?.[1]
     return {
       title: item.title,

src/types/index.d.ts

@@ -1,4 +1,3 @@
-
 type BlogPost = {
   title: string
   link: string