finally we have the svg

next.config.js

@@ -1,6 +1,10 @@
 const withTs = require("@zeit/next-typescript");
 module.exports = withTs({
   webpack(config, options) {
+    config.module.rules.push({
+      test: /\.svg$/,
+      loader: "svg-inline-loader",
+    });
     config.resolve.modules.push(__dirname);
     return config;
   },

package.json

@@ -36,6 +36,7 @@
     "nodemon": "^1.17.2",
     "prettier": "^1.11.1",
     "rimraf": "^2.6.2",
+    "svg-inline-loader": "^0.8.0",
     "ts-jest": "^22.4.2",
     "ts-node": "^5.0.1",
     "tslint": "^5.9.1",

pages/index.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { App } from "modules/app";
-import { BubbleFromLeft } from "modules/chat/components/Bubble/BubbleFromLeft";å
+import { BubbleFromLeft } from "modules/chat/components/Bubble/BubbleFromLeft";
 import { Bubble } from "modules/chat/components/Bubble/component";
 import { ThemeProvider, themes } from "modules/core/styles";
 
@@ -13,7 +13,7 @@ export default () => (
         <Bubble>Hello</Bubble>
         <Bubble>dega</Bubble>
         <Bubble>Le</Bubble>
-        <BubbleFromLeft>Ruben</BubbleFromLeft>
+        <BubbleFromLeft tails>Ruben</BubbleFromLeft>
       </div>
     </App>
   </ThemeProvider>

yarn.lock

@@ -3697,6 +3697,15 @@ [email protected], loader-utils@^1.0.2, loader-utils@^1.1.0:
     emojis-list "^2.0.0"
     json5 "^0.5.0"
 
+loader-utils@^0.2.11:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -5194,6 +5203,10 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
 
+simple-html-tokenizer@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/simple-html-tokenizer/-/simple-html-tokenizer-0.1.1.tgz#05c2eec579ffffe145a030ac26cfea61b980fabe"
+
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
@@ -5556,6 +5569,14 @@ supports-color@^5.2.0, supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
+svg-inline-loader@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/svg-inline-loader/-/svg-inline-loader-0.8.0.tgz#7e9d905d80d0b4e68d2df21afcd08ee9e9a3ea6e"
+  dependencies:
+    loader-utils "^0.2.11"
+    object-assign "^4.0.1"
+    simple-html-tokenizer "^0.1.1"
+
 symbol-tree@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"