Using jp2 as background image (inline js)

[tilnea]

Hi

When I checked my site in Lighthouse it wanted me to convert my images to jp2.

So I did that, and I have something like this

import Background from "../../assets/background.jp2" ... return (<div styles={{backgroundImage: Background}} />

But then I get this error

./src/assets/background.jp2 Module parse failed: Unexpected character '' (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file)

What do I need to do to make the jp2 image to work?