Lazy load every instance of using ant icons. Closes #2583

web/components/admin/EditInstanceDetails2.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useContext, useEffect } from 'react';
 import { Button, Collapse, Typography, Tooltip } from 'antd';
-import { CopyOutlined, RedoOutlined } from '@ant-design/icons';
+import dynamic from 'next/dynamic';
 import { TEXTFIELD_TYPE_NUMBER, TEXTFIELD_TYPE_PASSWORD, TEXTFIELD_TYPE_URL } from './TextField';
 import { TextFieldWithSubmit } from './TextFieldWithSubmit';
 import { ServerStatusContext } from '../../utils/server-status-context';
@@ -17,6 +17,14 @@ import { ResetYP } from './ResetYP';
 
 // Lazy loaded components
 
+const CopyOutlined = dynamic(() => import('@ant-design/icons/CopyOutlined'), {
+  ssr: false,
+});
+
+const RedoOutlined = dynamic(() => import('@ant-design/icons/RedoOutlined'), {
+  ssr: false,
+});
+
 const { Panel } = Collapse;
 
 // eslint-disable-next-line react/function-component-definition