cleaned up warnings and errors, working with typescript 20.10

1 files changed, 11 insertions, 11 deletions

diff --git a/src/client/views/nodes/FaceRectangles.tsx b/src/client/views/nodes/FaceRectangles.tsx
index 0d1e063af..26e720c0d 100644
--- a/src/client/views/nodes/FaceRectangles.tsx
+++ b/src/client/views/nodes/FaceRectangles.tsx
@@ -1,9 +1,9 @@
-import React = require("react");
-import { Doc, DocListCast } from "../../../fields/Doc";
-import { Cast, NumCast } from "../../../fields/Types";
-import { observer } from "mobx-react";
-import { Id } from "../../../fields/FieldSymbols";
-import FaceRectangle from "./FaceRectangle";
+import * as React from 'react';
+import { Doc, DocListCast } from '../../../fields/Doc';
+import { Cast, NumCast } from '../../../fields/Types';
+import { observer } from 'mobx-react';
+import { Id } from '../../../fields/FieldSymbols';
+import FaceRectangle from './FaceRectangle';
 
 interface FaceRectanglesProps {
     document: Doc;
@@ -18,7 +18,6 @@ export interface RectangleTemplate {
 
 @observer
 export class FaceRectangles extends React.Component<FaceRectanglesProps> {
-
     render() {
         const faces = DocListCast(this.props.document.faces);
         const templates: RectangleTemplate[] = faces.map(faceDoc => {
@@ -33,14 +32,15 @@ export class FaceRectangles extends React.Component<FaceRectanglesProps> {
             } as React.CSSProperties;
             return {
                 id: rectangle[Id],
-                style: style
+                style: style,
             };
         });
         return (
             <div>
-                {templates.map(rectangle => <FaceRectangle key={rectangle.id} rectangle={rectangle} />)}
+                {templates.map(rectangle => (
+                    <FaceRectangle key={rectangle.id} rectangle={rectangle} />
+                ))}
             </div>
         );
     }
-
-}
\ No newline at end of file
+}