Elgato_dark/taxonomy
1
0
Fork 0
mirror of https://github.com/shadcn-ui/taxonomy synced 2026-05-24 09:48:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(mdx-components.tsx): add support for Image component from next/image package in the components object

Browse source
This commit is contained in:
vagnermaltauro 2023-09-12 19:58:49 -03:00
parent 651f984e52
commit 389d0cdc2f
1 changed files with 2 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
components/mdx-components.tsx
View file

@ -1,5 +1,5 @@
import * as React from "react"
import Image from "next/image"
import Image, { ImageProps } from "next/image"
import { useMDXComponent } from "next-contentlayer/hooks"
import { cn } from "@/lib/utils"
@ -91,14 +91,7 @@ const components = {
{...props}
/>
),
img: ({
className,
alt,
...props
}: React.ImgHTMLAttributes<HTMLImageElement>) => (
// eslint-disable-next-line @next/next/no-img-element
<img className={cn("rounded-md border", className)} alt={alt} {...props} />
),
Image: (props: ImageProps) => <Image {...props} />,
hr: ({ ...props }) => <hr className="my-4 md:my-8" {...props} />,
table: ({ className, ...props }: React.HTMLAttributes<HTMLTableElement>) => (
<div className="my-6 w-full overflow-y-auto">
@ -147,7 +140,6 @@ const components = {
{...props}
/>
),
Image,
Callout,
Card: MdxCard,
}