TypeError: Cannot read properties of null (reading 'default') in Next.js

Question

Earlier my Next.js application started throwing TypeError: Cannot read properties of null (reading 'default') without me changing anything. Here is the complete log:

Answer 1

After some search I found this GitHub discussion and then realised that a colleague has deleted the image of one of our articles from our CMS. If you ever come across this, the solution is to render the Image tag after a check, like so:

{ article.image && <Image src={article.image} alt="" height={900} width={900} layout="responsive" /> }