diff --git a/jam-ui/src/components/profile/JKInstrumentIcon.js b/jam-ui/src/components/profile/JKInstrumentIcon.js index 3703105a1..f8d465cd4 100644 --- a/jam-ui/src/components/profile/JKInstrumentIcon.js +++ b/jam-ui/src/components/profile/JKInstrumentIcon.js @@ -4,12 +4,14 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; function JKInstrumentIcon({instrumentId, instrumentName}) { const InstrumentIcon = useCallback( () => { + let file; try { - const file = require(`../../icons/instruments/icon_instrument_${instrumentId.replace(/\s+/g, '_')}.svg`); - return {instrumentName} + file = require(`../../icons/instruments/icon_instrument_${instrumentId.replace(/\s+/g, '_')}.svg`); } catch (error) { - return + file = require("../../icons/instruments/icon_instrument_unknown.svg"); } + return {instrumentName} + }, [instrumentId], )