add string-pixel-width dep

client/package-lock.json

@@ -12332,6 +12332,11 @@
       "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY=",
       "dev": true
     },
+    "lodash.deburr": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.deburr/-/lodash.deburr-4.1.0.tgz",
+      "integrity": "sha1-3bG7s+8HRYwBd7oH3hRCLLAz/5s="
+    },
     "lodash.defaults": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
@@ -16737,6 +16742,14 @@
         "strip-ansi": "^5.2.0"
       }
     },
+    "string-pixel-width": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/string-pixel-width/-/string-pixel-width-1.10.0.tgz",
+      "integrity": "sha512-cOMpkH+CpxWAnrPsWUvPWhZxh25CzUukweT+6WF+Kwx6+G2ksg8flvELZusLyWiZzfFCjj1+QRRGwcPWZlwVYA==",
+      "requires": {
+        "lodash.deburr": "^4.1.0"
+      }
+    },
     "string-width": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",

client/package.json

@@ -47,7 +47,8 @@
     "react-redux": "^7.2.0",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
-    "regl": "^1.4.0"
+    "regl": "^1.4.0",
+    "string-pixel-width": "^1.10.0"
   },
   "devDependencies": {
     "@babel/core": "^7.9.0",