Create apm static index pattern on ux page visit

Author: shahzad31

x-pack/plugins/apm/public/application/csmApp.tsx

@@ -28,6 +28,7 @@ import { ConfigSchema } from '../index';
 import { ApmPluginSetupDeps, ApmPluginStartDeps } from '../plugin';
 import { createCallApmApi } from '../services/rest/createCallApmApi';
 import { px, units } from '../style/variables';
+import { createStaticIndexPattern } from '../services/rest/index_pattern';
 
 const CsmMainContainer = styled.div`
   padding: ${px(units.plus)};
@@ -114,6 +115,12 @@ export const renderApp = (
 ) => {
   createCallApmApi(core.http);
 
+  // Automatically creates static index pattern and stores as saved object
+  createStaticIndexPattern().catch((e) => {
+    // eslint-disable-next-line no-console
+    console.log('Error creating static index pattern', e);
+  });
+
   ReactDOM.render(
     <CsmAppRoot
       core={core}