Back to stable docusaurus, the figures were messed up with the canaryg

.ignore

@@ -14,7 +14,7 @@ plugins/wiggle/src/util.ts
 plugins/protein/src/ProteinReferenceSequenceRenderer/aminoAcids.js
 plugins/spreadsheet-view/src/SpreadsheetView/test_data/starfusion_example.fusion_predictions.tsv
 products/jbrowse-aws-lambda-functions/
-products/jbrowse-desktop/src/JBrowse.test.tsx
+products/jbrowse-desktop/src/components/JBrowse.test.tsx
 test_data/volvox/names/
 products/jbrowse-web/src/sessionSharing.ts
 website/docs/models/

packages/product-core/src/ui/AboutDialog.tsx

@@ -85,6 +85,7 @@ export function AboutContents({ config }: { config: AnyConfigurationModel }) {
   const [copied, setCopied] = useState(false)
   const conf = readConfObject(config)
   const session = getSession(config)
+  const { classes } = useStyles()
 
   const hideUris =
     getConf(session, ['formatAbout', 'hideUris']) ||
@@ -112,7 +113,7 @@ export function AboutContents({ config }: { config: AnyConfigurationModel }) {
   ) as { name: string; Component: React.FC<any> }
 
   return (
-    <>
+    <div className={classes.content}>
       <BaseCard title="Configuration">
         {!hideUris ? (
           <Button
@@ -139,18 +140,17 @@ export function AboutContents({ config }: { config: AnyConfigurationModel }) {
         </BaseCard>
       ) : null}
       <FileInfoPanel config={config} />
-    </>
+    </div>
   )
 }
 
 export default function AboutDialog({
   config,
-  onClose,
+  handleClose,
 }: {
   config: AnyConfigurationModel
-  onClose: () => void
+  handleClose: () => void
 }) {
-  const { classes } = useStyles()
   const session = getSession(config)
   const trackName = getTrackName(config, session)
   const { pluginManager } = getEnv(session)
@@ -163,10 +163,8 @@ export default function AboutDialog({
   ) as React.FC<any>
 
   return (
-    <Dialog open onClose={onClose} title={trackName} maxWidth="xl">
-      <DialogContent className={classes.content}>
-        <AboutComponent config={config} />
-      </DialogContent>
+    <Dialog open onClose={handleClose} title={trackName} maxWidth="xl">
+      <AboutComponent config={config} />
     </Dialog>
   )
 }

products/jbrowse-desktop/src/components/JBrowse.test.tsx

@@ -14,7 +14,7 @@ import JBrowseRootModelFactory from '../rootModel'
 import configSnapshot from '../../test_data/volvox/config.json'
 import sessionModelFactory from '../sessionModel'
 
-jest.mock('./makeWorkerInstance', () => () => {})
+jest.mock('../makeWorkerInstance', () => () => {})
 
 type JBrowseRootModel = ReturnType<typeof JBrowseRootModelFactory>
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

website/docs/user_guides/alignments_track.md

@@ -191,4 +191,4 @@ display" will re-pack features into that area.
 Users can create a more compact display of alignments using Track menu->Pileup
 settings->Set feature height->Compact
 
-![](/img/alignments/compact.png)
+<Figure caption="Compact view of alignments" src="/img/alignments/compact.png" />

website/package.json

@@ -19,11 +19,11 @@
   },
   "dependencies": {
     "@cmfcmf/docusaurus-search-local": "^1.1.0",
-    "@docusaurus/core": "0.0.0-5562",
-    "@docusaurus/preset-classic": "0.0.0-5562",
+    "@docusaurus/core": "^2.4.0",
+    "@docusaurus/preset-classic": "^2.4.0",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
-    "@mdx-js/react": "^2.3.0",
+    "@mdx-js/react": "^1.0.0",
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.12.0",
     "acorn": "^8.8.2",
@@ -36,7 +36,7 @@
     "react-player": "^2.12.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "0.0.0-5562",
+    "@docusaurus/module-type-aliases": "^2.4.0",
     "@tsconfig/docusaurus": "^1.0.7",
     "typescript": "^5.0.4"
   },