diff --git a/src/component/compare_view.tsx b/src/component/compare_view.tsx
index 6e76136..381db20 100644
--- a/src/component/compare_view.tsx
+++ b/src/component/compare_view.tsx
@@ -13,7 +13,7 @@ export interface CompareViewProps {
     config?: ComponentConfig;
 }
 
-const CompareView: React.FC<CompareViewProps> = (props) => {
+export const CompareView: React.FC<CompareViewProps> = (props) => {
     // used to access ctx after render
     let canvas_ref = React.createRef<HTMLCanvasElement>();
     let circle_ref = React.createRef<HTMLInputElement>();
@@ -67,5 +67,3 @@ const CompareView: React.FC<CompareViewProps> = (props) => {
     );
 }
 
-export default CompareView;
-
diff --git a/src/component/example/react_app.tsx b/src/component/example/react_app.tsx
index 892450a..1072eb7 100644
--- a/src/component/example/react_app.tsx
+++ b/src/component/example/react_app.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import CompareView from "../compare_view";
+import { CompareView } from "../compare_view";
 
 const ReactApp: React.FC = () => {
     return (