picked too high an engine

package.json

@@ -6,7 +6,7 @@
   "author": "",
   "license": "ISC",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=16.20.1"
   },
   "devDependencies": {
     "@babel/core": "^7.16.12",

src/components/tooltips/publish-instance-tooltip.tsx

@@ -1,5 +1,6 @@
 import React, {useRef, useState, useEffect} from 'react';
-import DomToImage from 'dom-to-image';
+// import DomToImage from 'dom-to-image';
+const DomToImage = require('dom-to-image');
 import Tooltip from 'rc-tooltip';
 import {TiUpload} from 'react-icons/ti';
 import VegaDatasets from '../../constants/vega-datasets-counts.json';

src/containers/editor.tsx

@@ -17,7 +17,7 @@ import CodeEditor, {mapStateToProps as CodeEditorMapStateToProps} from './code-e
 import EncodingColumn, {mapStateToProps as EncodingColumnMapStateToProps} from './encoding-column';
 import HotKeyProvider, {mapStateToProps as HotKeyProviderMapStateToProps} from './hot-key-provider';
 import DataColumn, {mapStateToProps as DataColumnMapStateToProps} from './data-column';
-import TourProvider, {mapStateToProps as TourProviderMapStateToProps} from './tour-provider';
+// import TourProvider, {mapStateToProps as TourProviderMapStateToProps} from './tour-provider';
 
 import {DataRow, ActionUser} from '../actions/index';
 import {classnames} from '../utils';
@@ -128,7 +128,7 @@ function EditorContainer(props: RootProps): JSX.Element {
         {...HotKeyProviderMapStateToProps(store.getState())}
         languages={languages}
       />
-      <TourProvider {...actionCreators} {...TourProviderMapStateToProps(store.getState())} />
+      {/* <TourProvider {...actionCreators} {...TourProviderMapStateToProps(store.getState())} /> */}
       {props.openModal === 'data' && (
         <DataModal
           changeSelectedFile={props.changeSelectedFile}

src/utils/index.tsx

@@ -1,4 +1,3 @@
-// import DomToImage from 'dom-to-image';
 import * as stringify from 'json-stringify-pretty-compact';
 import {
   DataTargetWidget,