想要在DesignerView外面增加一些内容，需要替换掉下面的面板

skeleton.add({
          area: 'mainArea',
          name: 'designer',
          type: 'Widget',
          content: <DesignerPlugin
            engineConfig={config}
            engineEditor={editor}
          />,
        });

DesignerPlugin里面使用了DesignerView, 如何获取到DesignerView组件，想要实现的效果是

return (
<div>
     <div>此处需要增加功能</div>
      <DesignerView
        onMount={this.handleDesignerMount}
        className="lowcode-plugin-designer"
        editor={editor}
        name={editor.viewName}
        designer={editor.get('designer')}
        componentMetadatas={componentMetadatas}
        disableDragGhost={disableDragGhost}
        simulatorProps={{
          library,
          utilsMetadata,
          extraEnvironment,
          renderEnv,
          device,
          locale,
          designMode,
          deviceClassName,
          simulatorUrl,
          requestHandlersMap,
        }}
      />
    );
</div>

只是想在DesignerView外面包一层东西，不改变DesignerView组件的内容