Unknown file extension “.svg”

[cloud orbit]

I get an error when trying to generate types:

    triggerUncaughtException(err, true /* fromPromise */);
    ^
TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension “.svg” 

Maybe someone knows how to fix this?

[sick cedar]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Generating TypeScript Interfaces - Disable declare statement
• Context - TypeScript
• Uploads - Enabling Uploads - Payload-wide Upload Options

Community-Help:

• S3 Plugin Update to 3.24 Causes Config Errors
• payload generate:importmap Fails with Custom Lexical Editor Feature
• How to avoid type errors in nested collections
• Getting Type '(TypeWithID & Record<string, unknown>)[]' from local payload api

[twin widget]

@cloud orbit Do you import an svg somewhere?

[cloud orbit]

Yes, I do.

[twin widget]

@cloud orbit How do you import it?

[cloud orbit]

@twin widget for example:

import PotatoGraduatedSVG from 'public/images/potatoes/graduated.svg'
import PotatoGraduatedNotSVG from 'public/images/potatoes/graduated_not.svg'
import { POTATO_NAMES } from './constants/potato-names'
import { POTATO_ALT } from '@/shared/helpers/get-potato/constants/potato-alt'

export { POTATO_NAMES }

export default function getPotato(potato: string) {
  switch (potato) {
    case POTATO_NAMES.GRADUATED: {
      const { width, height, src } = PotatoGraduatedSVG

      return { width, height, src, alt: POTATO_ALT[POTATO_NAMES.GRADUATED] }
    }
    case POTATO_NAMES.GRADUATED_NOT: {
      const { width, height, src } = PotatoGraduatedNotSVG

      return { width, height, src, alt: POTATO_ALT[POTATO_NAMES.GRADUATED_NOT] }
    }
    default: {
      throw new Error('Invalid potato name')
    }
  }
}

[twin widget]

@cloud orbit you can't import images directly in nextjs. https://dev.to/dolearning/importing-svgs-to-next-js-nna