[update] dynamic import export modal

allanwxl · Jul 16, 2022 · 3f490f8 · 3f490f8
1 parent 5c834a0
commit 3f490f8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/components/export_modal.js b/components/export_modal.js
@@ -5,7 +5,7 @@ import { Modal, Notification } from '@arco-design/web-react';
  * @returns Modal component
  */
 
-export function ExportModal({ command, setCommand }) {
+export default function ExportModal({ command, setCommand }) {
     const copy = async () => {
         try {
             await window.navigator.clipboard.writeText(command);

diff --git a/pages/graphs/detail.js b/pages/graphs/detail.js
@@ -1,14 +1,18 @@
 import Head from 'next/head';
+import dynamic from 'next/dynamic';
 import { useState, useRef, useMemo } from 'react';
 import { Drawer } from '@arco-design/web-react';
 import TableForm from '../../components/table_form';
 import LinkPath from '../../components/link_path';
 import LinkModal from '../../components/link_modal';
-import { ExportModal } from '../../components/export_modal';
 import Nav from '../../components/nav';
 import Table from '../../components/table';
 import useGraphState from '../../hooks/use-graph-state';
 
+const ExportModal = dynamic(() => import('../../components/export_modal'), {
+    ssr: false,
+});
+
 export default function Home() {
     const {
         tableDict,