fix(AnalyticalTable): prevent an error in the storybook if loading prop was toggled (#679)

Author: Lukas742

package.json

@@ -19,14 +19,14 @@
     "deploy:storybook": "lerna run build:i18n && storybook-to-ghpages --ci"
   },
   "dependencies": {
-    "@storybook/addon-actions": "6.0.20",
-    "@storybook/addon-controls": "6.0.20",
-    "@storybook/addon-docs": "6.0.20",
-    "@storybook/addon-toolbars": "6.0.20",
-    "@storybook/addons": "6.0.20",
-    "@storybook/cli": "6.0.20",
-    "@storybook/react": "6.0.20",
-    "@storybook/theming": "6.0.20",
+    "@storybook/addon-actions": "6.0.21",
+    "@storybook/addon-controls": "6.0.21",
+    "@storybook/addon-docs": "6.0.21",
+    "@storybook/addon-toolbars": "6.0.21",
+    "@storybook/addons": "6.0.21",
+    "@storybook/cli": "6.0.21",
+    "@storybook/react": "6.0.21",
+    "@storybook/theming": "6.0.21",
     "@ui5/webcomponents": "1.0.0-rc.8",
     "@ui5/webcomponents-fiori": "1.0.0-rc.8",
     "@ui5/webcomponents-icons": "1.0.0-rc.8",

packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.mdx

@@ -15,6 +15,8 @@ import { FlexBox } from '@ui5/webcomponents-react/lib/FlexBox';
 import { TextAlign } from '@ui5/webcomponents-react/lib/TextAlign';
 import { FlexBoxAlignItems } from '@ui5/webcomponents-react/lib/FlexBoxAlignItems';
 import { FlexBoxJustifyContent } from '@ui5/webcomponents-react/lib/FlexBoxJustifyContent';
+import { DefaultLoadingComponent } from './defaults/LoadingComponent';
+import { DefaultNoDataComponent } from './defaults/NoDataComponent';
 
 <Meta
   title="Components / AnalyticalTable"
@@ -99,6 +101,8 @@ import { FlexBoxJustifyContent } from '@ui5/webcomponents-react/lib/FlexBoxJusti
     infiniteScrollThreshold: 20,
     subRowsKey: 'subRows',
     isTreeTable: false,
+    NoDataComponent: DefaultNoDataComponent,
+    LoadingComponent: DefaultLoadingComponent,
     scaleWidthMode: TableScaleWidthMode.Default,
     selectionMode: TableSelectionMode.SINGLE_SELECT,
     selectionBehavior: TableSelectionBehavior.ROW