fix publicPath

src/ui/component/walletBalance/view.jsx

@@ -12,7 +12,7 @@ const WalletBalance = (props: Props) => {
   return (
     <section
       className="card card--section card--wallet-balance"
-      style={{ backgroundImage: `url(/${BalanceBackground})` }}
+      style={{ backgroundImage: `url(${BalanceBackground})` }}
     >
       <header className="card__header">
         <h2 className="card__title">{__('Balance')}</h2>

src/ui/component/yrbl/index.jsx

@@ -28,14 +28,7 @@ export default class extends React.PureComponent<Props> {
 
     return (
       <div className="yrbl-wrap">
-        <img
+        <img alt="Friendly gerbil" className={classnames('yrbl', className)} src={image} />
-          alt="Friendly gerbil"
-          className={classnames('yrbl', className)}
-          src={
-            // If we don't use a leading `/` @reach/router will try to append the src url to the existing web url
-            `/${image}`
-          }
-        />
         {title && subtitle && (
           <div className="card__content">
             <h2 className="card__title">{title}</h2>

webpack.web.config.js

@@ -16,6 +16,7 @@ const webConfig = {
   output: {
     filename: '[name].js',
     path: __dirname + '/dist/web',
+    publicPath: '/',
   },
   module: {
     rules: [