Webpack Loaders Error on Next.js

[punctuations]

Please check all that apply

• [ ] visual bug
• [x] functional bug
• [x] able to consistently reproduce

Expected Behavior

Should throw no errors and work fine.

Current Behavior

Throws error about incorrect webpack loader.

Steps to Reproduce

1. Create next app
2. install react-flagpack
3. add import statement
4. run dev
5. observe logs

Screenshots

Logs

error - ./node_modules/flagpack-core/dist/flags/cXaxgftL.svg 1:0
Module parse failed: Unexpected token (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
> <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
| <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="12">
| <rect width="16" height="12" fill="white"/>

Context

Unable to use flagpack at all :(

Your Environment

• Version used: latest (v0.1.1)
• Browser Name and version: Vivaldi 3.6
• Operating System and version (desktop or mobile): desktop
• Link to your project: https://dont-ping.me/ hasn't been added to this due to error

[punctuations]

my apologies this was on the react-flagpack repo in this pull request https://github.com/Yummygum/react-flagpack/pull/26