1 files changed, 10 insertions, 15 deletions
diff --git a/sdnr/wt/odlux/apps/demoApp/src/components/counter.tsx b/sdnr/wt/odlux/apps/demoApp/src/components/counter.tsx
index 6b960cdae..1aad97451 100644
--- a/sdnr/wt/odlux/apps/demoApp/src/components/counter.tsx
+++ b/sdnr/wt/odlux/apps/demoApp/src/components/counter.tsx
@@ -15,20 +15,15 @@
  * the License.
  * ============LICENSE_END==========================================================================
  */
-import * as React from 'react';
+import React, { FC, useState } from 'react';
 
-export class Counter extends React.Component<{}, { counter: number }> {
-  constructor(props: {}) {
-    super(props);
+const Counter: FC = () => {
+  const [counter, setCounter] = useState(0);
+  return (
+    <button onClick={() => setCounter(counter + 1 )} color="inherit">{counter}</button>
+  );
+};
 
-    this.state = {
-      counter: 0
-    };
-  }
-  
-  render() {
-    return (
-      <button onClick={ () => this.setState({ counter: this.state.counter + 1 }) } color="inherit">{ this.state.counter }</button>
-    )
-  }
-}
-\ No newline at end of file
+Counter.displayName = 'Counter';
+
+export { Counter };
+\ No newline at end of file