I'm working on a NextJs 14 project using the app router, typescript and eslint. In my app folder I have an assets folder with some jpg and SVG images. Im importing these images into an index.ts file within the the same folder and exporting an object variable named images which contains all the images and has the signature:
Export const images: {[key : string] : StaticImageData} = {image1, image2, image3}
But what I noticed was that jpg imports are correctly inferred as StaticImageData while SVG imports are being inferred as any. When I run eslint, it complains that I'm unsafely assigning value of any. How do I get fix all this without disabling any TS config rules