diff --git a/typescript/packages/well-log-viewer/src/components/DefaultSyncLogViewerLayout.tsx b/typescript/packages/well-log-viewer/src/components/DefaultSyncLogViewerLayout.tsx
index 498c6a3a2..2847218f1 100644
--- a/typescript/packages/well-log-viewer/src/components/DefaultSyncLogViewerLayout.tsx
+++ b/typescript/packages/well-log-viewer/src/components/DefaultSyncLogViewerLayout.tsx
@@ -23,7 +23,7 @@ export function defaultSidePanel(parent: SyncLogViewer): JSX.Element {
                 (welllog: WellLog, iWellLog: number) => (
                     <WellLogInfoPanel
                         key={iWellLog}
-                        header={"Readout " + welllog.header.well}
+                        header={"Readout " + welllog?.header.well}
                         readoutOptions={parent.props.readoutOptions}
                         callbackManager={parent.callbackManagers[iWellLog]}
                     />
diff --git a/typescript/packages/well-log-viewer/src/components/Scroller.stories.tsx b/typescript/packages/well-log-viewer/src/components/Scroller.stories.tsx
index 32216da1f..387fcc05d 100644
--- a/typescript/packages/well-log-viewer/src/components/Scroller.stories.tsx
+++ b/typescript/packages/well-log-viewer/src/components/Scroller.stories.tsx
@@ -12,8 +12,8 @@ const ComponentCode =
     '    <div style={{ height: "92vh" }}> \r\n' +
     "        <Scroller \r\n" +
     "            ref={(el) => { \r\n" +
-    "                el.zoom(10, 10); \r\n" +
-    "                el.scrollTo(0.2, 0.2); \r\n" +
+    "                el?.zoom(10, 10); \r\n" +
+    "                el?.scrollTo(0.2, 0.2); \r\n" +
     "            }} \r\n" +
     "            onScroll={(x, y) => { \r\n" +
     "                setInfo( \r\n" +
@@ -60,8 +60,8 @@ const Template = (args) => {
         <div style={{ height: "92vh" }}>
             <Scroller
                 ref={(el) => {
-                    el.zoom(10, 10);
-                    el.scrollTo(0.2, 0.2);
+                    el?.zoom(10, 10);
+                    el?.scrollTo(0.2, 0.2);
                 }}
                 onScroll={(x, y) => {
                     setInfo(
@@ -70,7 +70,7 @@ const Template = (args) => {
                             ", Y=" +
                             y.toFixed(2)
                     );
-                    args.onScroll(x, y); // for storybook addon Actions Tab
+                    args.onScroll?.(x, y); // for storybook addon Actions Tab
                 }}
             >
                 <div ref={infoRef}></div>