chore: explain react deps in angular host dependencies

angular/devkit/preview/preview/angular-preview.ts

@@ -109,6 +109,11 @@ export class AngularPreview implements Preview {
     return this.bundlerProvider(context);
   }
 
+  /**
+   * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
+   * most of your peer dependencies should be listed here to avoid duplications in the preview.
+   * React, ReactDOM, and MDX are included as they are part of the preview ui.
+   */
   getHostDependencies(): string[] {
     return (
       this.hostDependencies || [

angular/envs/base-env/preview/host-dependencies.ts

@@ -1,10 +1,11 @@
 /**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',
   '@mdx-js/react',
   'react',
   'react-dom',
-];
+];

angular/examples/my-angular-env/preview/host-dependencies.ts

@@ -1,10 +1,11 @@
 /**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',
   '@mdx-js/react',
   'react',
   'react-dom',
-];
+];

angular/examples/my-angular-v12-env/preview/host-dependencies.ts

@@ -1,10 +1,11 @@
 /**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',
   '@mdx-js/react',
   'react',
   'react-dom',
-];
+];

angular/examples/my-angular-v13-env/preview/host-dependencies.ts

@@ -1,10 +1,11 @@
 /**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',
   '@mdx-js/react',
   'react',
   'react-dom',
-];
+];

angular/examples/my-angular-v14-env/preview/host-dependencies.ts

@@ -1,10 +1,11 @@
 /**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',
   '@mdx-js/react',
   'react',
   'react-dom',
-];
+];

angular/examples/my-angular-v15-env/preview/host-dependencies.ts

@@ -1,10 +1,11 @@
 /**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',
   '@mdx-js/react',
   'react',
   'react-dom',
-];
+];

angular/examples/my-angular-v16-env/preview/host-dependencies.ts

@@ -1,10 +1,11 @@
 /**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',
   '@mdx-js/react',
   'react',
   'react-dom',
-];
+];

angular/templates/generators/ng-env/files/preview/host-dependencies.ts

@@ -2,8 +2,9 @@ export const hostDependenciesFile = () => {
   return {
     relativePath: './preview/host-dependencies.ts',
     content: `/**
- * dependencies to be bundled only once, in the env preview template, and not in each component preview.
+ * Dependencies to be bundled only once, in the env preview template, and not in each component preview.
  * most of your peer dependencies should be listed here to avoid duplications in the preview.
+ * React, ReactDOM, and MDX are included as they are part of the preview ui.
  */
 export default [
   '@teambit/mdx.ui.mdx-scope-context',