ci: test on Node.js v16.x

.github/workflows/cdn.yml

@@ -12,7 +12,7 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: 14.x
       - name: Install npm 7

.github/workflows/ci.yml

@@ -7,12 +7,12 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [12.x, 14.x]
+        node-version: [12.x, 14.x, 16.x]
     steps:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: ${{matrix.node-version}}
       - name: Install npm 7
@@ -29,7 +29,7 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: 14.x
       - name: Install npm 7
@@ -46,7 +46,7 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: 14.x
       - name: Install npm 7
@@ -63,7 +63,7 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: 14.x
       - name: Install npm 7

.github/workflows/companion.yml

@@ -12,7 +12,7 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: ${{matrix.node-version}}
       - name: Install npm 7

.github/workflows/end-to-end.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: 14.x
       - name: Install npm 7

.github/workflows/website.yml

@@ -12,7 +12,7 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v2
       - name: Install Node.js
-        uses: actions/setup-node@v2-beta
+        uses: actions/setup-node@v2
         with:
           node-version: 14.x
       - name: Install npm 7

packages/@uppy/dashboard/src/components/FileList.js

@@ -68,27 +68,25 @@ module.exports = (props) => {
   if (props.recoveredState) files.sort(sortByGhostComesFirst)
   const rows = chunks(files, props.itemsPerRow)
 
-  function renderRow (row) {
-    return (
-      // The `role="presentation` attribute ensures that the list items are properly
-      // associated with the `VirtualList` element.
-      // We use the first file ID as the key—this should not change across scroll rerenders
-      <div role="presentation" key={row[0]}>
-        {row.map((fileID) => (
-          <FileItem
-            key={fileID}
-            uppy={props.uppy}
-            {...fileProps}
-            role="listitem"
-            openFileEditor={props.openFileEditor}
-            canEditFile={props.canEditFile}
-            toggleAddFilesPanel={props.toggleAddFilesPanel}
-            file={props.files[fileID]}
-          />
-        ))}
-      </div>
-    )
-  }
+  const renderRow = (row) => (
+    // The `role="presentation` attribute ensures that the list items are properly
+    // associated with the `VirtualList` element.
+    // We use the first file ID as the key—this should not change across scroll rerenders
+    <div role="presentation" key={row[0]}>
+      {row.map((fileID) => (
+        <FileItem
+          key={fileID}
+          uppy={props.uppy}
+          {...fileProps}
+          role="listitem"
+          openFileEditor={props.openFileEditor}
+          canEditFile={props.canEditFile}
+          toggleAddFilesPanel={props.toggleAddFilesPanel}
+          file={props.files[fileID]}
+        />
+      ))}
+    </div>
+  )
 
   return (
     <VirtualList