fix linting + code syntax for statless components

1 files changed, 6 insertions, 5 deletions

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 dbd8a3799..db93ff8a4 100644
--- a/packages/dev-tools-pages/ts/components/Animations/Compiler/index.tsx
+++ b/packages/dev-tools-pages/ts/components/Animations/Compiler/index.tsx
@@ -1,10 +1,11 @@
 import * as React from 'react';
 
-import Animation from '../index';
+import { BaseAnimation } from '../index';
+
 import * as animationData from './data.json';
 
-function AnimationCompiler() {
-    return <Animation animationData={animationData} width={2150} height={700} />;
-}
+const CompilerAnimation: React.StatelessComponent<{}> = () => (
+    <BaseAnimation animationData={animationData} width={2150} height={700} />
+);
 
-export default AnimationCompiler;
+export { CompilerAnimation as Animation };