Better error handling for viewer container

etowahadams · Oct 28, 2024 · 4e9583d · 4e9583d
1 parent b8c38a9
commit 4e9583d
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/viz/src/components/CustomStructureViewer.tsx b/viz/src/components/CustomStructureViewer.tsx
@@ -47,6 +47,10 @@ const CustomStructureViewer = ({
     const renderViewer = (blobUrl: string) => {
       // @ts-expect-error: PDBeMolstarPlugin is not typed
       const viewerInstance = new PDBeMolstarPlugin();
+      const viewerContainer = document.getElementById(viewerId);
+      if (!viewerContainer) {
+        return;
+      }
       const options = {
         customData: {
           url: blobUrl,
@@ -59,7 +63,7 @@ const CustomStructureViewer = ({
         sequencePanel: true,
         landscape: true,
       };
-      const viewerContainer = document.getElementById(viewerId);
+
       viewerInstance.render(viewerContainer, options);
 
       viewerInstance.events.loadComplete.subscribe(() => {