diff --git a/.nvmrc b/.nvmrc
index 80a9956e1..016e34baf 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v20.16.0
+v20.17.0
diff --git a/.release-version b/.release-version
index 17dfec889..4cbfc3a6c 100644
--- a/.release-version
+++ b/.release-version
@@ -1 +1 @@
-10.7.1
+10.7.2
diff --git a/package-lock.json b/package-lock.json
index f04143155..1e0e34d93 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@sanger/ui-styling": "^4.1.0",
-        "@vitejs/plugin-vue": "^5.1.2",
+        "@vitejs/plugin-vue": "^5.1.3",
         "autoprefixer": "^10.4.20",
         "axios": "^1.7.5",
         "csv-parse": "^5.5.6",
@@ -31,7 +31,7 @@
         "@vue/test-utils": "^2.4.6",
         "better-docs": "^2.7.3",
         "clean-jsdoc-theme": "^4.3.0",
-        "cypress": "^13.14.0",
+        "cypress": "^13.14.1",
         "cypress-file-upload": "^5.0.8",
         "dotenv": "^16.4.5",
         "eslint": "^9.9.1",
@@ -40,7 +40,7 @@
         "eslint-plugin-vue": "^9.27.0",
         "globals": "^15.9.0",
         "jsdoc": "^4.0.3",
-        "jsdom": "^24.1.1",
+        "jsdom": "^25.0.0",
         "npm-run-all": "^4.1.5",
         "postcss-cli": "^11.0.0",
         "prettier": "3.3.3",
@@ -1500,9 +1500,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.2.tgz",
-      "integrity": "sha512-nY9IwH12qeiJqumTCLJLE7IiNx7HZ39cbHaysEUd+Myvbz9KAqd2yq+U01Kab1R/H1BmiyM2ShTYlNH32Fzo3A==",
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.3.tgz",
+      "integrity": "sha512-3xbWsKEKXYlmX82aOHufFQVnkbMC/v8fLpWwh6hWOUrK5fbbtBh9Q/WWse27BFgSy2/e2c0fz5Scgya9h2GLhw==",
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
       },
@@ -2977,9 +2977,9 @@
       "integrity": "sha512-uNpm30m/AGSkLxxy7d9yRXpJQFrZzVWLFBkS+6ngPcZkw/5k3L/jjFuj7tVnEpRn+QgmiXr21nDlhCiUK4ij2A=="
     },
     "node_modules/cypress": {
-      "version": "13.14.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.14.0.tgz",
-      "integrity": "sha512-r0+nhd033x883YL6068futewUsl02Q7rWiinyAAIBDW/OOTn+UMILWgNuCiY3vtJjd53efOqq5R9dctQk/rKiw==",
+      "version": "13.14.1",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.14.1.tgz",
+      "integrity": "sha512-Wo+byPmjps66hACEH5udhXINEiN3qS3jWNGRzJOjrRJF3D0+YrcP2LVB1T7oYaVQM/S+eanqEvBWYc8cf7Vcbg==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -5320,9 +5320,9 @@
       }
     },
     "node_modules/jsdom": {
-      "version": "24.1.1",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-24.1.1.tgz",
-      "integrity": "sha512-5O1wWV99Jhq4DV7rCLIoZ/UIhyQeDR7wHVyZAHAshbrvZsLs+Xzz7gtwnlJTJDjleiTKh54F4dXrX70vJQTyJQ==",
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-25.0.0.tgz",
+      "integrity": "sha512-OhoFVT59T7aEq75TVw9xxEfkXgacpqAhQaYgP9y/fDqWQCMB/b1H66RfmPm/MaeaAIU9nDwMOVTlPN51+ao6CQ==",
       "dev": true,
       "dependencies": {
         "cssstyle": "^4.0.1",
diff --git a/package.json b/package.json
index 83de46bcc..67f76d7b1 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@sanger/ui-styling": "^4.1.0",
-    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue": "^5.1.3",
     "autoprefixer": "^10.4.20",
     "axios": "^1.7.5",
     "csv-parse": "^5.5.6",
@@ -47,7 +47,7 @@
     "@vue/test-utils": "^2.4.6",
     "better-docs": "^2.7.3",
     "clean-jsdoc-theme": "^4.3.0",
-    "cypress": "^13.14.0",
+    "cypress": "^13.14.1",
     "cypress-file-upload": "^5.0.8",
     "dotenv": "^16.4.5",
     "eslint": "^9.9.1",
@@ -56,7 +56,7 @@
     "eslint-plugin-vue": "^9.27.0",
     "globals": "^15.9.0",
     "jsdoc": "^4.0.3",
-    "jsdom": "^24.1.1",
+    "jsdom": "^25.0.0",
     "npm-run-all": "^4.1.5",
     "postcss-cli": "^11.0.0",
     "prettier": "3.3.3",
diff --git a/src/components/shared/DataTypeSelect.vue b/src/components/shared/DataTypeSelect.vue
index 9a3f31cf4..ce2c4e9ee 100644
--- a/src/components/shared/DataTypeSelect.vue
+++ b/src/components/shared/DataTypeSelect.vue
@@ -1,34 +1,36 @@
 <template>
-  <traction-select
-    id="data-type"
-    :model-value="value"
-    data-attribute="data-type-list"
-    :options="dataTypes"
-    @update:model-value="handleInput"
-  ></traction-select>
+  <traction-field-group label="Data Type" label-for="data-type" layout="spacious">
+    <traction-select
+      id="data-type"
+      :model-value="dataType"
+      data-attribute="data-type-list"
+      :options="dataTypes"
+      @update:model-value="handleInput"
+    ></traction-select
+  ></traction-field-group>
 </template>
 
 <script>
 import useSWRV from 'swrv'
 import { filterByAttribute, mapAttribute } from '@/api/JsonApi'
 
+const encode = (value) => (value === undefined ? 'basecalls and raw data' : value)
+const decode = (value) => (value === '' ? null : value)
+
 export default {
   name: 'DataTypeSelect',
   props: {
     pipeline: {
-      // Filter to only list data_types for a given pipeline, leave null
-      // to apply no filters
       type: String,
       required: false,
       default: null,
     },
-    value: {
-      // The data type, we use value to allow us to simply bind it with v-model
+    modelValue: {
       type: String,
       default: undefined,
     },
   },
-  emits: ['input'],
+  emits: ['update:modelValue'],
   setup() {
     const baseURL = import.meta.env.VITE_TRACTION_BASE_URL
     const { data: remoteDataTypes } = useSWRV(
@@ -36,21 +38,46 @@ export default {
     )
     return { remoteDataTypes }
   },
+  data() {
+    return {
+      dataType: encode(this.modelValue),
+    }
+  },
   computed: {
-    filters: ({ pipeline }) => (pipeline ? { pipeline } : {}),
+    // Same approach as src/components/shared/LibraryTypeSelect.vue
+    filters: ({ pipeline }) => (pipeline ? { pipeline, name: 'basecalls and raw data' } : {}),
     filteredDataTypes() {
       return filterByAttribute(this.remoteDataTypes?.data || [], this.filters)
     },
+    emptyOption: ({ allowNone }) => (allowNone ? [{ value: '', text: 'None' }] : []),
     dataTypes() {
-      return mapAttribute(this.filteredDataTypes, 'name')
+      const dataTypesOptions = mapAttribute(this.filteredDataTypes, 'name').map((val) => {
+        return {
+          text: val,
+          value: val,
+        }
+      })
+      return [...dataTypesOptions, ...this.emptyOption]
+    },
+  },
+  watch: {
+    remoteDataTypes: {
+      handler() {
+        this.setDataType()
+      },
+      immediate: true,
     },
   },
   methods: {
     handleInput(input) {
-      this.$emit('input', input)
+      this.$emit('update:modelValue', decode(input))
+    },
+    setDataType() {
+      if (this.dataTypes.length === 1) {
+        this.dataType = encode(this.dataTypes[0].value)
+        this.$emit('update:modelValue', this.dataTypes[0].value)
+      }
     },
   },
 }
 </script>
-
-<style></style>
diff --git a/src/views/GeneralReception.vue b/src/views/GeneralReception.vue
index 7157b30ee..48ac1abff 100644
--- a/src/views/GeneralReception.vue
+++ b/src/views/GeneralReception.vue
@@ -101,14 +101,7 @@
             </traction-field-group>
           </div>
           <div v-if="pipeline == 'ONT'">
-            <traction-field-group
-              label="Data Type"
-              attribute="data_type"
-              for="data_type"
-              layout="spacious"
-            >
-              <DataTypeSelect v-model="requestOptions.data_type" pipeline="ont" />
-            </traction-field-group>
+            <DataTypeSelect v-model="requestOptions.data_type" pipeline="ont" />
             <traction-field-group
               label="Number of Flowcells"
               attribute="number_of_flowcells"
diff --git a/tests/unit/components/shared/DataTypeSelect.spec.js b/tests/unit/components/shared/DataTypeSelect.spec.js
index f0df0ee19..577d35506 100644
--- a/tests/unit/components/shared/DataTypeSelect.spec.js
+++ b/tests/unit/components/shared/DataTypeSelect.spec.js
@@ -19,29 +19,31 @@ describe('DataTypeSelect.vue', () => {
     it('lists the expected options', () => {
       const wrapper = buildWrapper()
       const select = wrapper.find('select')
-      expect(findOption('basecalls', { from: select })).toBeTruthy()
       expect(findOption('basecalls and raw data', { from: select })).toBeTruthy()
     })
 
     it('will not list data types from other pipelines', () => {
       const wrapper = buildWrapper({ pipeline: 'ont' })
       const select = wrapper.find('select')
-      expect(findOption('basecalls', { from: select })).toBeTruthy()
+      expect(findOption('basecalls and raw data', { from: select })).toBeTruthy()
       expect(findOption('dummy type', { from: select })).toBeFalsy()
     })
 
     it('will list data types from all pipelines unless specified', () => {
       const wrapper = buildWrapper({})
       const select = wrapper.find('select')
-      expect(findOption('basecalls', { from: select })).toBeTruthy()
+      expect(findOption('basecalls and raw data', { from: select })).toBeTruthy()
       expect(findOption('dummy type', { from: select })).toBeTruthy()
     })
 
+    // 'basecalls and raw data' is the default type.
+    // This test checks whether if the default type is changed to 'dummy type',
+    // the component will emit 'dummy type' when the user selects it.
     it('can emit a data type', async () => {
-      const wrapper = buildWrapper()
+      const wrapper = buildWrapper({})
       const select = wrapper.find('select')
-      await findOption('basecalls', { from: select }).setSelected()
-      expect(wrapper.emitted('input')).toEqual([['basecalls']])
+      await findOption('dummy type', { from: select }).setSelected()
+      expect(wrapper.emitted('update:modelValue')).toEqual([['dummy type']])
     })
   })
 })