Updated dependencies & tsconfig

Author: SanichKotikov

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-family-tree",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "React component that renders a family tree",
   "main": "lib/index.js",
   "typings": "index.d.ts",
@@ -31,12 +31,12 @@
     "url": "https://github.com/SanichKotikov/react-family-tree/issues"
   },
   "devDependencies": {
-    "@types/react": "16.7.18",
-    "react": "16.7.0",
-    "typescript": "3.2.2"
+    "@types/react": "16.8.23",
+    "react": "16.8.6",
+    "typescript": "3.5.3"
   },
   "dependencies": {
-    "relatives-tree": "1.2.0"
+    "relatives-tree": "1.3.2"
   },
   "homepage": "https://github.com/SanichKotikov/react-family-tree"
 }

package.json

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IConnector } from 'relatives-tree';
 
 interface Props {
@@ -7,7 +7,7 @@ interface Props {
   height: number;
 }
 
-const Connector: React.FunctionComponent<Props> = ({ connector, width, height }) => {
+export default React.memo<Props>(function Connector({ connector, width, height }) {
   const [x1, y1, x2, y2] = connector.points;
 
   return (
@@ -22,6 +22,4 @@ const Connector: React.FunctionComponent<Props> = ({ connector, width, height })
       }}
     />
   );
-};
-
-export default Connector;
+});

src/connector.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import relTree, { IFamilyNode, IFamilyExtNode } from 'relatives-tree';
 import Connector from './connector';
 
@@ -11,7 +11,7 @@ interface Props {
   renderNode: (node: IFamilyExtNode) => void;
 }
 
-const ReactFamilyTree: React.FunctionComponent<Props> = (props) => {
+export default React.memo<Props>(function ReactFamilyTree(props) {
   const data = relTree(props.nodes, props.rootId);
 
   const width = props.width / 2;
@@ -37,6 +37,4 @@ const ReactFamilyTree: React.FunctionComponent<Props> = (props) => {
       {data.nodes.map(props.renderNode)}
     </div>
   );
-};
-
-export default ReactFamilyTree;
+});

src/index.tsx

@@ -2,13 +2,14 @@
   "compilerOptions": {
     "rootDir": "src",
     "target": "es6",
-    "module": "commonjs",
+    "module": "es6",
     "moduleResolution": "node",
-    "lib": ["es6"],
+    "lib": ["es6", "es7"],
     "jsx": "react",
     "outDir": "lib",
     "strictNullChecks": true,
     "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
     "downlevelIteration": true,
     "alwaysStrict": true,
     "sourceMap": false,