Updated React Sample to add web component polyfills

* Attempted to add polyfill to get react-app to work on edge

* Reset to previous formatting

* Sample now runs in edge

* Added polyfills for IE11

Author: Tony Wieser

samples/react-app/package.json

@@ -4,7 +4,9 @@
   "private": true,
   "dependencies": {
     "@microsoft/mgt": "0.1.0-preview.8",
+    "@webcomponents/webcomponentsjs": "2.2.10",
     "react": "^16.8.5",
+    "react-app-polyfill": "1.0.1",
     "react-dom": "^16.8.5",
     "react-scripts": "^3.0.0"
   },

samples/react-app/src/index.js

@@ -1,3 +1,15 @@
+import 'react-app-polyfill/ie11';
+import 'react-app-polyfill/stable';
+// in theory, we should be able to add this to index.html
+//  <script>
+//    window.WebComponents = window.WebComponents || {};
+//    window.WebComponents.root = '../node_modules/@webcomponents/webcomponentsjs/';
+//  </script>
+// and then
+// import '../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js';
+// but for some reason it doesn't on edge
+// because of this, we'll just load the whole bundle.
+import '../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';