TS module declarations for css and images

custom.d.ts

// react specific css modules
declare module '*.module.css' {
  const content: Record<string, string>;
  export default content;
}

// react specific for direct svg import
declare module '*.svg' {
  import React = require('react');
  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
  const src: string;
  export default src;
}

// these should work regardless of framework
declare module '*.jpg' {
  const path: string;
  export default path;
}

declare module '*.jpeg' {
  const path: string;
  export default path;
}

declare module '*.gif' {
  const path: string;
  export default path;
}

declare module '*.png' {
  const path: string;
  export default path;
}

declare module '*.webp' {
  const path: string;
  export default path;
}

I need to add more as I learn for React, Vue, and plain ole Typescript projects