diff --git a/client/src/containers/Topic/Topic/TopicData/TopicData.jsx b/client/src/containers/Topic/Topic/TopicData/TopicData.jsx
index 3676ee3b0..1bd30f806 100644
--- a/client/src/containers/Topic/Topic/TopicData/TopicData.jsx
+++ b/client/src/containers/Topic/Topic/TopicData/TopicData.jsx
@@ -252,7 +252,8 @@ class TopicData extends Root {
                 lastPercentVal = lastResult.percent;
                 self.setState({
                   nextPage: lastResult.after ? lastResult.after : self.state.nextPage,
-                  recordCount: self.state.recordCount + lastResult.records.length,
+                  recordCount:
+                    self.state.recordCount + (lastResult.records ? lastResult.records.length : 0),
                   percent: lastResult.percent.toFixed(2)
                 });
               }
diff --git a/client/src/containers/Topic/Topic/TopicGroups/TopicGroups.jsx b/client/src/containers/Topic/Topic/TopicGroups/TopicGroups.jsx
index 43ddc00d8..9af7fc099 100644
--- a/client/src/containers/Topic/Topic/TopicGroups/TopicGroups.jsx
+++ b/client/src/containers/Topic/Topic/TopicGroups/TopicGroups.jsx
@@ -4,7 +4,7 @@ import { uriTopicsGroups } from '../../../../utils/endpoints';
 import constants from '../../../../utils/constants';
 import Root from '../../../../components/Root';
 import { Link } from 'react-router-dom';
-import {withRouter} from "../../../../utils/withRouter.jsx";
+import { withRouter } from '../../../../utils/withRouter.jsx';
 
 class TopicGroups extends Root {
   state = {
diff --git a/client/src/containers/Topic/TopicCreate/TopicCreate.jsx b/client/src/containers/Topic/TopicCreate/TopicCreate.jsx
index f72b2be70..698e12bb7 100644
--- a/client/src/containers/Topic/TopicCreate/TopicCreate.jsx
+++ b/client/src/containers/Topic/TopicCreate/TopicCreate.jsx
@@ -57,7 +57,8 @@ class TopicCreate extends Form {
       partition: formData.partition,
       replication: formData.replication,
       configs: {
-        'cleanup.policy': formData.cleanup === 'deleteAndCompact' ? 'compact,delete' : formData.cleanup,
+        'cleanup.policy':
+          formData.cleanup === 'deleteAndCompact' ? 'compact,delete' : formData.cleanup,
         'retention.ms': formData.retention
       }
     };
diff --git a/client/vite.config.mjs b/client/vite.config.mjs
index b86c34be8..f6100dbb0 100644
--- a/client/vite.config.mjs
+++ b/client/vite.config.mjs
@@ -2,7 +2,7 @@ import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react';
 
 export default defineConfig(({ command, mode }) => {
-  const env = loadEnv(mode, process.cwd(), '')
+  const env = loadEnv(mode, process.cwd(), '');
 
   return {
     base: '/ui',