Merge pull request #14586 from storybookjs/angular/fix-StorybookWrapp…

…erComponent

Angular: set the @ViewChild with a non-empty value in StorybookWrapperComponent

app/angular/src/client/preview/angular-beta/StorybookWrapperComponent.ts

@@ -38,10 +38,14 @@ const getNonInputsOutputsProps = (
  */
 export const createStorybookWrapperComponent = (
   template: string,
-  storyComponent: Type<unknown>,
+  storyComponent: Type<unknown> | undefined,
   styles: string[],
   initialProps?: ICollection
 ): Type<any> => {
+  // In ivy, a '' selector is not allowed, therefore we need to just set it to anything if
+  // storyComponent was not provided.
+  const viewChildSelector = storyComponent ?? '__storybook-noop';
+
   @Component({
     selector: RendererService.SELECTOR_STORYBOOK_WRAPPER,
     template,
@@ -52,9 +56,9 @@ export const createStorybookWrapperComponent = (
 
     private storyWrapperPropsSubscription: Subscription;
 
-    @ViewChild(storyComponent ?? '', { static: true }) storyComponentElementRef: ElementRef;
+    @ViewChild(viewChildSelector, { static: true }) storyComponentElementRef: ElementRef;
 
-    @ViewChild(storyComponent ?? '', { read: ViewContainerRef, static: true })
+    @ViewChild(viewChildSelector, { read: ViewContainerRef, static: true })
     storyComponentViewContainerRef: ViewContainerRef;
 
     // Used in case of a component without selector