Next.js API handler to convert and resize image

apiDiscordEmoji.tsx

import { ImageResponse } from '@vercel/og'
import { NextRequest } from 'next/server'

const handler = async (req: NextRequest) => {
    const [width, height] = [128, 128]
    const { searchParams } = new URL(req.url)
    const image = searchParams.get('image')
    const fit = searchParams.get('fit') || 'none'

    const imageResponse = new ImageResponse((
        <img
            style={{
                width: `${width}px`,
                height: `${height}px`,
                objectFit: fit
            }}
            src={image}
        />
    ), { width, height })

    return imageResponse
}

export default handler