diff --git a/src/renderer/components/Data/DatasetCard.tsx b/src/renderer/components/Data/DatasetCard.tsx
index c067a05c4720f24c853938b401f06002cff638cc..b9d94cbefd96994e9fdf1b36e277752b9cb4c321 100644
--- a/src/renderer/components/Data/DatasetCard.tsx
+++ b/src/renderer/components/Data/DatasetCard.tsx
@@ -1,5 +1,4 @@
 import { useState } from 'react';
-import * as React from 'react';
 
 import {
   Button,
@@ -36,9 +35,8 @@ export default function DatasetCard({
   local,
 }) {
   const [installing, setInstalling] = useState(null);
-  const [previewDatasetModalOpen, setPreviewDatasetModalOpen] =
-    React.useState(false);
-  const [datasetInfoModalOpen, setDatasetInfoModalOpen] = React.useState(false);
+  const [previewDatasetModalOpen, setPreviewDatasetModalOpen] = useState(false);
+  const [datasetInfoModalOpen, setDatasetInfoModalOpen] = useState(false);
 
   return (
     <>
diff --git a/src/renderer/components/Data/DatasetInfoModal.tsx b/src/renderer/components/Data/DatasetInfoModal.tsx
index 440f3f18c981fc7544f6908a61d7148e18079a39..946abe126277931da37165eff9df254dcafda3d7 100644
--- a/src/renderer/components/Data/DatasetInfoModal.tsx
+++ b/src/renderer/components/Data/DatasetInfoModal.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable camelcase */
-import React, { useEffect, useState } from 'react';
 import useSWR from 'swr';
 
 import {
diff --git a/src/renderer/components/Data/PreviewDatasetModal.tsx b/src/renderer/components/Data/PreviewDatasetModal.tsx
index 0feb7721dac2f63b9ec6e7c9375676e08c32f404..b06622ca48ab65a4534fdf5025b6c84e08aa92ff 100644
--- a/src/renderer/components/Data/PreviewDatasetModal.tsx
+++ b/src/renderer/components/Data/PreviewDatasetModal.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable camelcase */
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import useSWR from 'swr';
 import {
   Button,