diff --git a/packages/dev-tools-pages/ts/components/animations/compiler/index.tsx b/packages/dev-tools-pages/ts/components/animations/compiler/index.tsx
index db93ff8a4b..ba98f8da3c 100644
--- a/packages/dev-tools-pages/ts/components/animations/compiler/index.tsx
+++ b/packages/dev-tools-pages/ts/components/animations/compiler/index.tsx
@@ -8,4 +8,4 @@ const CompilerAnimation: React.StatelessComponent<{}> = () => (
     <BaseAnimation animationData={animationData} width={2150} height={700} />
 );
 
-export { CompilerAnimation as Animation };
+export { CompilerAnimation };
diff --git a/packages/dev-tools-pages/ts/components/animations/cov/index.tsx b/packages/dev-tools-pages/ts/components/animations/cov/index.tsx
index 4458247171..bd872cc85f 100644
--- a/packages/dev-tools-pages/ts/components/animations/cov/index.tsx
+++ b/packages/dev-tools-pages/ts/components/animations/cov/index.tsx
@@ -4,8 +4,8 @@ import { BaseAnimation } from '../index';
 
 import * as animationData from './data.json';
 
-const AnimationCov: React.StatelessComponent<{}> = () => (
+const CovAnimation: React.StatelessComponent<{}> = () => (
     <BaseAnimation animationData={animationData} width={1981} height={660} />
 );
 
-export { AnimationCov as Animation };
+export { CovAnimation };
diff --git a/packages/dev-tools-pages/ts/components/animations/profiler/index.tsx b/packages/dev-tools-pages/ts/components/animations/profiler/index.tsx
index 73a4e9ad63..a2848b7624 100644
--- a/packages/dev-tools-pages/ts/components/animations/profiler/index.tsx
+++ b/packages/dev-tools-pages/ts/components/animations/profiler/index.tsx
@@ -4,8 +4,8 @@ import { BaseAnimation } from '../index';
 
 import * as animationData from './data.json';
 
-const AnimationProfiler: React.StatelessComponent<{}> = () => (
+const ProfilerAnimation: React.StatelessComponent<{}> = () => (
     <BaseAnimation animationData={animationData} width={1985} height={657} />
 );
 
-export { AnimationProfiler as Animation };
+export { ProfilerAnimation };
diff --git a/packages/dev-tools-pages/ts/components/animations/trace/index.tsx b/packages/dev-tools-pages/ts/components/animations/trace/index.tsx
index 10a78ccb73..2009c3cec1 100644
--- a/packages/dev-tools-pages/ts/components/animations/trace/index.tsx
+++ b/packages/dev-tools-pages/ts/components/animations/trace/index.tsx
@@ -4,8 +4,8 @@ import { BaseAnimation } from '../index';
 
 import * as animationData from './data.json';
 
-const AnimationTrace: React.StatelessComponent<{}> = () => (
+const TraceAnimation: React.StatelessComponent<{}> = () => (
     <BaseAnimation animationData={animationData} width={2241} height={610} />
 );
 
-export { AnimationTrace as Animation };
+export { TraceAnimation };
diff --git a/packages/dev-tools-pages/ts/pages/compiler.tsx b/packages/dev-tools-pages/ts/pages/compiler.tsx
index 912589b51d..93a667562e 100644
--- a/packages/dev-tools-pages/ts/pages/compiler.tsx
+++ b/packages/dev-tools-pages/ts/pages/compiler.tsx
@@ -18,8 +18,8 @@ const Animation = Loadable({
     loader: () => System.import(/* webpackChunkName: 'compiler-animation' */ 'ts/components/animations/compiler'),
     loading: () => <div />,
     delay: 1000,
-    render(loadable: { Animation: any }): React.ReactNode {
-        const Component = loadable.Animation;
+    render(loadable: { CompilerAnimation: any }): React.ReactNode {
+        const Component = loadable.CompilerAnimation;
         return <Component />;
     },
 });
diff --git a/packages/dev-tools-pages/ts/pages/cov.tsx b/packages/dev-tools-pages/ts/pages/cov.tsx
index ebaf5bfb2a..ff1ced27da 100644
--- a/packages/dev-tools-pages/ts/pages/cov.tsx
+++ b/packages/dev-tools-pages/ts/pages/cov.tsx
@@ -19,8 +19,8 @@ const Animation = Loadable({
     loader: () => System.import(/* webpackChunkName: 'cov-animation' */ 'ts/components/animations/cov'),
     loading: () => <div />,
     delay: 1000,
-    render(loadable: { Animation: any }): React.ReactNode {
-        const Component = loadable.Animation;
+    render(loadable: { CovAnimation: any }): React.ReactNode {
+        const Component = loadable.CovAnimation;
         return <Component />;
     },
 });
diff --git a/packages/dev-tools-pages/ts/pages/profiler.tsx b/packages/dev-tools-pages/ts/pages/profiler.tsx
index 040b439e8f..860e2c25ef 100644
--- a/packages/dev-tools-pages/ts/pages/profiler.tsx
+++ b/packages/dev-tools-pages/ts/pages/profiler.tsx
@@ -19,8 +19,8 @@ const Animation = Loadable({
     loader: () => System.import(/* webpackChunkName: 'profiler-animation' */ 'ts/components/animations/profiler'),
     loading: () => <div />,
     delay: 1000,
-    render(loadable: { Animation: any }): React.ReactNode {
-        const Component = loadable.Animation;
+    render(loadable: { ProfilerAnimation: any }): React.ReactNode {
+        const Component = loadable.ProfilerAnimation;
         return <Component />;
     },
 });
diff --git a/packages/dev-tools-pages/ts/pages/trace.tsx b/packages/dev-tools-pages/ts/pages/trace.tsx
index acb8fb8417..a25d2eff8c 100644
--- a/packages/dev-tools-pages/ts/pages/trace.tsx
+++ b/packages/dev-tools-pages/ts/pages/trace.tsx
@@ -19,8 +19,8 @@ const Animation = Loadable({
     loader: () => System.import(/* webpackChunkName: 'trace-animation' */ 'ts/components/animations/trace'),
     loading: () => <div />,
     delay: 1000,
-    render(loadable: { Animation: any }): React.ReactNode {
-        const Component = loadable.Animation;
+    render(loadable: { TraceAnimation: any }): React.ReactNode {
+        const Component = loadable.TraceAnimation;
         return <Component />;
     },
 });