node_modules\@types\jquery\index.d.ts(2956,62): error TS2304: Cannot find name 'Iterable'.

Guys

Following this tutorial from Vesa:

https://www.youtube.com/watch?v=-3m__hRQxEI&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=6

I am getting this error:

[22:32:04] Error - typescript - node_modules\@types\jquery\index.d.ts(2956,62): error TS2304: Cannot find name 'Iterable'.
Request: '/temp/manifests.js'
Request: '/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js'
Request: '/node_modules/@microsoft/sp-webpart-workbench/lib/api/workbenchInit.js'
[22:32:04] Error - 'typescript' sub task errored after 6.6 s
TypeScript error(s) occurred.
(node:11820) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 10): TypeError: options.message.replace is not a function
(node:11820) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the
Node.js process with a non-zero exit code.

The only difference I can see is that my npm package versions are different as shown below: