refactor: memorize function

packages/client/src/tiptap/wrappers/iframe/index.tsx

@@ -1,6 +1,7 @@
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/react';
+import { useCallback, useMemo } from 'react';
 import cls from 'classnames';
-import { Input, Typography, Space } from '@douyinfe/semi-ui';
+import { NodeViewWrapper, NodeViewContent } from '@tiptap/react';
+import { Typography } from '@douyinfe/semi-ui';
 import { Resizeable } from 'components/resizeable';
 import styles from './index.module.scss';
 
@@ -10,10 +11,12 @@ export const IframeWrapper = ({ editor, node, updateAttributes }) => {
   const isEditable = editor.isEditable;
   const { url, width, height } = node.attrs;
 
-  const onResize = (size) => {
+  const onResize = useCallback((size) => {
     updateAttributes({ width: size.width, height: size.height });
-  };
+  }, []);
-  const content = (
+
+  const content = useMemo(
+    () => (
       <NodeViewContent as="div" className={cls(styles.wrap, 'render-wrapper')}>
         {url ? (
           <div className={styles.innerWrap} style={{ pointerEvents: !isEditable ? 'auto' : 'none' }}>
@@ -25,6 +28,8 @@ export const IframeWrapper = ({ editor, node, updateAttributes }) => {
           </div>
         )}
       </NodeViewContent>
+    ),
+    [url]
   );
 
   if (!isEditable && !url) {