Merge pull request #2502 from Shopify/remote-dom-admin

Add remote-dom components for Admin

Author: vividviolet

.changeset/wet-laws-explain.md

@@ -0,0 +1,6 @@
+---
+'@shopify/ui-extensions-react': patch
+'@shopify/ui-extensions': patch
+---
+
+Add new remote-dom components for Admin

packages/ui-extensions-react/src/surfaces/admin.ts

@@ -1,5 +1,4 @@
 export {extend, extension} from '@shopify/ui-extensions/admin';
 
-export * from './admin/components';
 export * from './admin/hooks';
 export {render, reactExtension} from './admin/render';

packages/ui-extensions-react/src/surfaces/admin/components.ts

@@ -1,13 +1,10 @@
-import {render, Badge} from '@shopify/ui-extensions-react/admin';
+import {
+  reactExtension,
+  Badge,
+} from '@shopify/ui-extensions-react/admin';
 
-render('Playground', () => <App />);
+reactExtension('Playground', () => <App />);
 
 function App() {
-  return (
-    <Badge
-      tone="info"
-    >
-      Fulfilled
-    </Badge>
-  );
+  return <Badge tone="info">Fulfilled</Badge>;
 }