Cannot destructure property `tagName` of 'undefined' or 'null'

Current behaviour 💣

I get the error when I build my project

TypeError: Cannot destructure property `tagName` of 'undefined' or 'null'  

Expected behaviour ☀️

It should be built without any errors.

I want to fine-tune which icons to use in the project.

favicons: [
  "favicon-16x16.png",
  "favicon.ico"
]

But it doesn’t work if I remove the default elements from the array. Or it only works with the inject: false option.

Reproduction Example 👾

https://codesandbox.io/s/tender-jones-obesr?file=/webpack.config.js

Environment 🖥

Node.js v10.23.0
linux 5.4.0-40-generic

+-- favicons@6.2.1
+-- favicons-webpack-plugin@5.0.1
| `-- html-webpack-plugin@5.2.0  deduped
+-- html-webpack-plugin@5.2.0
+-- webpack@5.24.0
`-- webpack-cli@4.5.0

[code1x1]

could you backport the bugfix to favicons-webpack-plugin@4 @jantimon

[jantimon]

Released in favicons-webpack-plugin@5.0.2