close

[Solved] Nextjs: TypeError: unsupported file type: undefined after update to v.11

Hello Guys, How are you all? Hope You all Are Fine. Today I Have updated my nextjs to 11 and now I can’t use the image it gives me the following error TypeError: unsupported file type: undefined in NextJs. So Here I am Explain to you all the possible solutions here.

Without Wasting your time, Lets start This Article to Solve This Error.

How Nextjs: TypeError: unsupported file type: undefined after update to v.11 Error Occurs ?

Today I Just update Nextjs to v.11 when I’m trying to load an image with:

import segmentLogoWhitePng from 'assets/icons/home.png'

I’m getting the following error:

TypeError: unsupported file type: undefined (file: undefined)

How To Solve Nextjs: TypeError: unsupported file type: undefined after update to v.11 Error ?

Question: How To Solve Nextjs: TypeError: unsupported file type: undefined after update to v.11 Error ?
Answer: To Solve Nextjs: TypeError: unsupported file type: undefined You just need to Disable the static images feature for now as a workaround in next.config.js.

Solution 1

To Solve Nextjs: TypeError: unsupported file type: undefined You just need to Disable the static images feature for now as a workaround in next.config.js.

module.exports = {
  images: {
    disableStaticImages: true
  }
}

Solution 2

You can disable Static Images, and your problem would be solved.

  // next.config.js
  
  images: {
        disableStaticImages: true
  }

Summery

It’s all About this issue. Hope all solution helped you a lot. Comment below Your thoughts and your queries. Also, Comment below which solution worked for you?

Also Read

Please Rate Our Solution to Motivate Us For Give Our Best

Leave a Comment