svg-sprite-loader #undefined with next-images || next-optimized-images

[hongkongk]

environment:

• Node.js version: v12.12.0
• webpack version: 4.36.1
• svg-sprite-loader version: 4.2.1
• OS type & version: 10.12.6 "next-optimized-images": "^2.5.5",

[kisenka]

Could you please create repo with minimal setup to demonstrate a problem (package.json, webpack config, SVG image and piece of your code). If you don't want to create a repository - you can create a gist with multiple files.

[hongkongk]

Thanks, I have fixed it.

[denizkoele]

Overwriting our global typing in TypeScript to make svg imports work with react-inline-svg.

Workaround is to use path mapping to redirect next-images typing to a custom file.

tsconfig.json

{
  "compilerOptions": {
    ...
    "paths: { 
      "next-images": ["./local_types/whatever.d.ts"]
    }
  }
}

./local_types/whatever.d.ts

// type for react-inline-svg
declare module '*.svg' {
  const content: any;
  export default content;
}

// copy rest of types
...