React Icon component

index.jsx

import React from 'react';

function importAll(r) {
  return r.keys().map(r);
}

function getIcons() {
  try {
    return Object.fromEntries(
      importAll(
        require.context('./imgs', false, /\.(png|jpe?g|svg)$/)
      ).map((url) => [url.replace('/static/media/', '').split('.')[0], url])
    );
  } catch {
    return {};
  }
}

const icons = getIcons();

export default function Icon({ name, ...rest }) {
  return <img src={icons[name]} alt={name} {...rest} />;
}