diff --git a/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx b/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx
index f04ed2893f..9614a001e3 100644
--- a/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx
+++ b/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx
@@ -25,9 +25,12 @@ const useStyles = makeStyles()(theme => ({
linkIcon: {
color: colord(theme.palette.highlight.main).darken(0.2).toRgbString(),
},
+ z3: {
+ zIndex: 3,
+ },
}))
-const Highlight = observer(function Highlight({
+const Highlight = observer(function ({
model,
highlight,
}: {
@@ -82,7 +85,6 @@ const Highlight = observer(function Highlight({
...highlight,
refName: asm?.getCanonicalRefName(highlight.refName) ?? highlight.refName,
})
- const r = h.wpw()
return h ? (
{
setOpen(true)
}}
- style={{ zIndex: 3 }}
>
diff --git a/plugins/sv-inspector/src/SvInspectorView/index.ts b/plugins/sv-inspector/src/SvInspectorView/index.ts
index 2951335104..f9c68d89b3 100644
--- a/plugins/sv-inspector/src/SvInspectorView/index.ts
+++ b/plugins/sv-inspector/src/SvInspectorView/index.ts
@@ -1,9 +1,10 @@
+import { lazy } from 'react'
+
import ViewType from '@jbrowse/core/pluggableElementTypes/ViewType'
import { getContainingView, getSession } from '@jbrowse/core/util'
import { navToMultiLevelBreak } from '@jbrowse/sv-core'
import { type IAnyStateTreeNode, getParent } from 'mobx-state-tree'
-import ReactComponent from './components/SvInspectorView'
import stateModelFactory from './model'
import type { SvInspectorViewModel } from './model'
@@ -42,7 +43,7 @@ export default function SvInspectorViewF(pluginManager: PluginManager) {
name: 'SvInspectorView',
displayName: 'SV inspector',
stateModel,
- ReactComponent,
+ ReactComponent: lazy(() => import('./components/SvInspectorView')),
})
})
}