fix: remove nextjs dependency in packages

Author: stephancill

examples/nextjs-shadcn/src/app/cast.tsx

@@ -1,5 +1,4 @@
 import { useRelativeDate } from "./relative-date";
-import Image from "next/image";
 import React from "react";
 import {
   CommentIcon,
@@ -114,7 +113,8 @@ export function Cast(props: {
             <div className="relative min-w-[48px]">
               <div>
                 <div className="pt-1">
-                  <Image
+                  {/* eslint-disable-next-line */}
+                  <img
                     alt=""
                     className="rounded-full w-[48px] h-[48px]"
                     src={

packages/react-ui-shadcn/src/components/channel-picker.tsx

@@ -11,7 +11,6 @@ import {
 } from "components/ui/command";
 import { Popover, PopoverContent, PopoverTrigger } from "components/ui/popover";
 import { Channel } from "@mod-protocol/farcaster";
-import Image from "next/image";
 import { CaretDownIcon } from "@radix-ui/react-icons";
 
 type Props = {
@@ -57,7 +56,7 @@ export function ChannelPicker(props: Props) {
           aria-expanded={open}
           type="button"
         >
-          <Image
+          <img
             src={props.value.image ?? ""}
             alt={props.value.name}
             width={24}
@@ -85,7 +84,7 @@ export function ChannelPicker(props: Props) {
                   className="cursor-pointer"
                   onSelect={() => handleSelect(channel)}
                 >
-                  <Image
+                  <img
                     src={channel.image ?? ""}
                     alt={channel.name}
                     width={24}

packages/react-ui-shadcn/src/components/creation-miniapps-search.tsx

@@ -11,7 +11,6 @@ import {
 } from "components/ui/command";
 import { Popover, PopoverContent, PopoverTrigger } from "components/ui/popover";
 import { ModManifest } from "@mod-protocol/core";
-import Image from "next/image";
 
 type Props = {
   miniapps: ModManifest[];
@@ -58,7 +57,7 @@ export function CreationMiniAppsSearch(props: Props) {
                 className="cursor-pointer"
                 onSelect={handleSelect}
               >
-                <Image
+                <img
                   height={24}
                   width={24}
                   alt={miniApp.name}