Build failure on MDXComponents.tsx

[BBtxt]

Hello, for some reason I've been getting build failures at './components/MDXComponents.tsx:4:10' when deploying to Vercel. I have already successfully deployed a branch to Vercel. I was adding framer motion to my project as I was trying to deploy I started getting the error.

this is the code from './components/MDXComponents.tsx'

/* eslint-disable react/display-name */
import React from 'react'
import { useMDXComponent } from 'next-contentlayer/hooks'
import { ComponentMap } from 'mdx-bundler/client'
// I've looked through the mdx-bundler/clint for "ComponentMap" I couldn't find it 
import { coreContent } from '@/lib/utils/contentlayer'
import Image from './Image'
import CustomLink from './Link'
import TOCInline from './TOCInline'
import Pre from './Pre'
import type { Blog, Authors } from 'contentlayer/generated'
// I removed newsletter comp

interface MDXLayout {
  layout: string
  content: Blog | Authors
  [key: string]: unknown
}

interface Wrapper {
  layout: string
  [key: string]: unknown
}

const Wrapper = ({ layout, content, ...rest }: MDXLayout) => {
  const Layout = require(`../layouts/${layout}`).default
  return <Layout content={content} {...rest} />
}

// I'm guessing that this is for the type system?
export const MDXComponents: ComponentMap = {
  Image,
  TOCInline,
  a: CustomLink,
  pre: Pre,
  wrapper: Wrapper,
}

export const MDXLayoutRenderer = ({ layout, content, ...rest }: MDXLayout) => {
  const MDXLayout = useMDXComponent(content.body.code)
  const mainContent = coreContent(content)

  return <MDXLayout layout={layout} content={mainContent} components={MDXComponents} {...rest} />
}