Fix dataDownloadDisplay erroring on page refresh

src/router/index.ts

@@ -28,7 +28,7 @@ const SpatialTimeSeriesDisplay = () =>
 const TimeSeriesDisplayView = () => import('../views/TimeSeriesDisplayView.vue')
 const TopologyDisplayView = () => import('../views/TopologyDisplayView.vue')
 const DataDownloadDisplayView = () =>
-  import('../components/download/DataDownloadDisplayComponent.vue')
+  import('../views/DataDownloadDisplayView.vue')
 const TimeSeriesDisplay = () =>
   import('../components/timeseries/TimeSeriesDisplay.vue')
 const HtmlDisplay = () => import('../views/HtmlDisplayView.vue')

src/views/DataDownloadDisplayView.vue

@@ -0,0 +1,15 @@
+<template>
+  <DataDownloadDisplayComponent v-if="topologyNode" :nodeId :topologyNode />
+</template>
+
+<script setup lang="ts">
+import DataDownloadDisplayComponent from '@/components/download/DataDownloadDisplayComponent.vue'
+import { TopologyNode } from '@deltares/fews-pi-requests'
+
+interface Props {
+  nodeId?: string | string[]
+  topologyNode?: TopologyNode
+}
+
+defineProps<Props>()
+</script>