fixed notetaking list without keys warning

1 files changed, 8 insertions, 10 deletions

diff --git a/src/client/views/collections/CollectionNoteTakingView.tsx b/src/client/views/collections/CollectionNoteTakingView.tsx
index f1b4780cf..b8133806f 100644
--- a/src/client/views/collections/CollectionNoteTakingView.tsx
+++ b/src/client/views/collections/CollectionNoteTakingView.tsx
@@ -26,6 +26,7 @@ import './CollectionNoteTakingView.scss';
 import { CollectionNoteTakingViewColumn } from './CollectionNoteTakingViewColumn';
 import { CollectionNoteTakingViewDivider } from './CollectionNoteTakingViewDivider';
 import { CollectionSubView } from './CollectionSubView';
+import { JsxElement } from 'typescript';
 const _global = (window /* browser */ || global) /* node */ as any;
 
 /**
@@ -501,6 +502,7 @@ export class CollectionNoteTakingView extends CollectionSubView() {
         const type = 'number';
         return (
             <CollectionNoteTakingViewColumn
+                key={heading?.heading ?? 'unset'}
                 unobserveHeight={ref => this.refList.splice(this.refList.indexOf(ref), 1)}
                 observeHeight={ref => {
                     if (ref) {
@@ -534,7 +536,6 @@ export class CollectionNoteTakingView extends CollectionSubView() {
                 dividerWidth={this.DividerWidth}
                 maxColWidth={this.maxColWidth}
                 availableWidth={this.availableWidth}
-                key={heading?.heading ?? 'unset'}
                 headings={this.headings}
                 heading={heading?.heading ?? 'unset'}
                 headingObject={heading}
@@ -596,14 +597,11 @@ export class CollectionNoteTakingView extends CollectionSubView() {
     @computed get renderedSections() {
         TraceMobx();
         const sections = Array.from(this.Sections.entries());
-        return sections.map((sec, i) => (
-            <>
-                {this.sectionNoteTaking(sec[0], sec[1])}
-                {i === sections.length - 1 ? null : ( //
-                    <CollectionNoteTakingViewDivider key={`divider${i}`} isContentActive={this.isContentActive} index={i} setColumnStartXCoords={this.setColumnStartXCoords} xMargin={this.xMargin} />
-                )}
-            </>
-        ));
+        return sections.reduce((list, sec, i) => {
+            list.push(this.sectionNoteTaking(sec[0], sec[1]));
+            i !== sections.length - 1 && list.push(<CollectionNoteTakingViewDivider key={`divider${i}`} isContentActive={this.isContentActive} index={i} setColumnStartXCoords={this.setColumnStartXCoords} xMargin={this.xMargin} />);
+            return list;
+        }, [] as JSX.Element[]);
     }
 
     @computed get nativeWidth() {
@@ -642,7 +640,7 @@ export class CollectionNoteTakingView extends CollectionSubView() {
                 onDrop={this.onExternalDrop.bind(this)}
                 onContextMenu={this.onContextMenu}
                 onWheel={e => this._props.isContentActive() && e.stopPropagation()}>
-                {this.renderedSections}
+                <>{this.renderedSections}</>
             </div>
         );
     }