Dynamic basename ('/' or '/iris/') depending on initial path; Webpack dev server fully functional

src/js/components/Icon.js

@@ -17,7 +17,7 @@ const Icon = memo(({
       return (
         <span className={fullClassName}>
           <img
-            src={`/iris/assets/icons/${name}.svg`}
+            src={`/assets/icons/${name}.svg`}
             onClick={onClick}
             alt={`${name} icon`}
           />
@@ -29,7 +29,7 @@ const Icon = memo(({
         <span className={fullClassName}>
           <img
             className={fullClassName}
-            src={`/iris/assets/icons/${name}.gif`}
+            src={`/assets/icons/${name}.gif`}
             onClick={onClick}
             alt={`${name} icon`}
           />

src/js/components/MediaSession.js

@@ -139,7 +139,7 @@ class MediaSession extends React.Component {
       // eslint-disable-next-line jsx-a11y/media-has-caption
       <audio
         id="media-session"
-        src="/iris/assets/silence.mp3"
+        src="/assets/silence.mp3"
         autoPlay
         loop
         style={{ display: 'none' }}

src/js/components/Track.js

@@ -65,7 +65,6 @@ const Track = ({
   getDragItem,
   events,
 }) => {
-  return null;
   const index = getItemIndex();
   const [{ isDragging }, drag] = useDrag({
     type: 'TRACK',