react-app-env.d.ts

/// <reference types="react" />

declare module '*.avif' {
  const src: number;
  export default src;
}

declare module '*.bmp' {
  const src: number;
  export default src;
}

declare module '*.gif' {
  const src: number;
  export default src;
}

declare module '*.jpg' {
  const src: number;
  export default src;
}

declare module '*.jpeg' {
  const src: number;
  export default src;
}

declare module '*.png' {
  const src: number;
  export default src;
}

declare module '*.webp' {
  const src: number;
  export default src;
}

declare module '*.svg' {
  import * as React from 'react';

  const ReactComponent: React.FunctionComponent<
    React.SVGProps<SVGSVGElement> & {title?: string; onPress?: () => void}
  >;

  export const src: string;
  export default ReactComponent;
}

/**
 * App's environmental variables
 */
declare module '@env' {
  type S = string; // common type for env var values

  // CHORE: When new env var are added in .env file,
  // export the key as const like below
  export const FLUTTERWAVE_MERCHANT_API_KEY: S;
}