Squashed commit of the following:

commit 7ce3206
Author: noaione <noaione0809@gmail.com>
Date:   Thu Dec 9 14:25:12 2021 +0800

    finally fix stupid lodash problem

commit 03c904d
Author: noaione <noaione0809@gmail.com>
Date:   Thu Dec 9 14:15:02 2021 +0800

    peepoPog wow

commit 6a712a9
Author: noaione <noaione0809@gmail.com>
Date:   Thu Dec 9 14:12:59 2021 +0800

    Try to fix the channels shown in the main page

pages/index.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import Head from "next/head";
 
 import { connect, ConnectedProps } from "react-redux";
-import { delay, groupBy } from "lodash";
+import { groupBy } from "lodash";
 import LoadingBar from "react-top-loading-bar";
 
 import ChannelsPages from "../components/ChannelsPages";
@@ -70,6 +70,10 @@ interface HomepageChannelState {
     progressBar: number;
 }
 
+function ISleep(ms: number) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
 class HomepageChannelsPage extends React.Component<PropsFromRedux, HomepageChannelState> {
     constructor(props) {
         super(props);
@@ -87,17 +91,15 @@ class HomepageChannelsPage extends React.Component<PropsFromRedux, HomepageChann
         }
 
         const loadedData = await getAllChannelsAsync("", 1, setLoadData);
+        console.log("rawLoadedData", loadedData);
         const groupedByGroup = groupBy(loadedData, "group");
         this.props.resetState();
-        for (const [groupName, groupVals] of Object.entries(groupedByGroup)) {
-            delay(() => {
-                this.props.startNewData(groupVals);
-                console.info(`Loaded ${groupVals.length} channels for group ${groupName}`);
-            }, 250);
-            // this.props.startNewData(groupVals);
-        }
-        // this.props.startNewData(loadedData);
+        console.log("groupedByGroup", groupedByGroup);
         this.setState({ isLoading: false });
+        for (const [_, groupVals] of Object.entries(groupedByGroup)) {
+            await ISleep(450);
+            this.props.startNewData(groupVals);
+        }
     }
 
     render() {