From d154b4e67d05c45efdef3458aaf47c3bf7964e46 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 17 Oct 2017 18:55:32 +0100
Subject: [PATCH] Explain that our example doesn't work for most users

---
 content/docs/web-components.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/content/docs/web-components.md b/content/docs/web-components.md
index d29453a8..c3d418b6 100644
--- a/content/docs/web-components.md
+++ b/content/docs/web-components.md
@@ -54,3 +54,7 @@ class XSearch extends HTMLElement {
 }
 customElements.define('x-search', XSearch);
 ```
+
+>Note:
+>
+>This code **will not** work if you transform classes with Babel. See [this issue](https://github.com/w3c/webcomponents/issues/587) for the discussion.