fix: fix breaking tab component

- move active tab state from componentDidMount to constructor
- fix toggle.tsx breaking tsc
- add .prettierrc.js for consistent formatting

1 files changed, 6 insertions, 5 deletions

diff --git a/src/components/ui/Tabs/Tabs.js b/src/components/ui/Tabs/Tabs.js
index 7ece29fbe..e68dc3a1d 100644
--- a/src/components/ui/Tabs/Tabs.js
+++ b/src/components/ui/Tabs/Tabs.js
@@ -8,6 +8,11 @@ import { oneOrManyChildElements } from '../../../prop-types';
 export default
 @observer
 class Tab extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { active: this.props.active };
+  }
+
   static propTypes = {
     children: oneOrManyChildElements.isRequired,
     active: PropTypes.number,
@@ -17,17 +22,13 @@ class Tab extends Component {
     active: 0,
   };
 
-  componentDidMount() {
-    this.setState({ active: this.props.active });
-  }
-
   switchTab(index) {
     this.setState({ active: index });
   }
 
   render() {
     const { children: childElements } = this.props;
-    const children = childElements.filter((c) => !!c);
+    const children = childElements.filter(c => !!c);
 
     if (children.length === 1) {
       return <div>{children}</div>;