Lazy load every instance of using ant icons. Closes #2583
This commit is contained in:
@@ -1,10 +1,24 @@
|
||||
import { BulbOutlined, LaptopOutlined, SaveOutlined } from '@ant-design/icons';
|
||||
import { Row, Col, Typography } from 'antd';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
import { fetchData, FETCH_INTERVAL, HARDWARE_STATS } from '../../utils/apis';
|
||||
import { Chart } from '../../components/admin/Chart';
|
||||
import { StatisticItem } from '../../components/admin/StatisticItem';
|
||||
|
||||
// Lazy loaded components
|
||||
|
||||
const BulbOutlined = dynamic(() => import('@ant-design/icons/BulbOutlined'), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
const LaptopOutlined = dynamic(() => import('@ant-design/icons/LaptopOutlined'), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
const SaveOutlined = dynamic(() => import('@ant-design/icons/SaveOutlined'), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
// TODO: FIX TS WARNING FROM THIS.
|
||||
// interface TimedValue {
|
||||
// time: Date;
|
||||
|
||||
Reference in New Issue
Block a user