diff --git a/packages/jaeger-ui/.babelrc b/packages/jaeger-ui/.babelrc
new file mode 100644
index 0000000000..bfae0a2f9e
--- /dev/null
+++ b/packages/jaeger-ui/.babelrc
@@ -0,0 +1,16 @@
+{
+  "env": {
+    "production": {
+      "plugins": [
+        [
+          "babel-plugin-react-remove-properties",
+          {
+            "properties": [
+              "data-testid"
+            ]
+          }
+        ]
+      ]
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/jaeger-ui/package.json b/packages/jaeger-ui/package.json
index 9cf2b10a86..1e2281d3f9 100644
--- a/packages/jaeger-ui/package.json
+++ b/packages/jaeger-ui/package.json
@@ -27,6 +27,7 @@
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "babel-jest": "^29.5.0",
     "babel-plugin-inline-react-svg": "^2.0.2",
+    "babel-plugin-react-remove-properties": "^0.3.0",
     "enzyme": "^3.8.0",
     "enzyme-to-json": "^3.6.2",
     "jest": "^28.1.3",
diff --git a/packages/jaeger-ui/src/components/App/TraceIDSearchInput.test.js b/packages/jaeger-ui/src/components/App/TraceIDSearchInput.test.js
index 682a00ff34..210e583e26 100644
--- a/packages/jaeger-ui/src/components/App/TraceIDSearchInput.test.js
+++ b/packages/jaeger-ui/src/components/App/TraceIDSearchInput.test.js
@@ -15,42 +15,40 @@
  */
 
 import React from 'react';
-import { mount } from 'enzyme';
-
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
 import TraceIDSearchInput from './TraceIDSearchInput';
 
 describe('<TraceIDSearchInput />', () => {
-  let wrapper;
   let history;
 
   beforeEach(() => {
     history = createMemoryHistory();
-    wrapper = mount(
+    render(
       <Router history={history}>
         <TraceIDSearchInput />
       </Router>
-    ).find('form');
+    );
   });
 
   it('renders as expected', () => {
-    expect(wrapper).toMatchSnapshot();
+    expect(screen.getByTestId('idInput')).toBeInTheDocument();
   });
 
   it('pushes input id to history', () => {
-    const idInput = wrapper.find('input');
     const traceId = 'MOCK-TRACE-ID';
-    idInput.instance().value = traceId;
-
-    wrapper.simulate('submit');
+    const idInput = screen.getByPlaceholderText('Lookup by Trace ID...');
+    fireEvent.change(idInput, { target: { value: traceId } });
+    fireEvent.submit(screen.getByTestId('TraceIDSearchInput--form'));
 
     expect(history.length).toEqual(2);
     expect(history.location.pathname).toEqual(`/trace/${traceId}`);
   });
 
   it('does not push to history on falsy input value', () => {
-    wrapper.simulate('submit');
+    fireEvent.submit(screen.getByTestId('TraceIDSearchInput--form'));
 
     expect(history.length).toEqual(1);
   });
diff --git a/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx b/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx
index d2cdb64927..3c752a2857 100644
--- a/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx
+++ b/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx
@@ -36,8 +36,18 @@ class TraceIDSearchInput extends React.PureComponent<Props> {
 
   render() {
     return (
-      <Form layout="horizontal" onSubmit={this.goToTrace} className="TraceIDSearchInput--form">
-        <Input name="idInput" placeholder="Lookup by Trace ID..." prefix={<Icon type="search" />} />
+      <Form
+        data-testid="TraceIDSearchInput--form"
+        layout="horizontal"
+        onSubmit={this.goToTrace}
+        className="TraceIDSearchInput--form"
+      >
+        <Input
+          data-testid="idInput"
+          name="idInput"
+          placeholder="Lookup by Trace ID..."
+          prefix={<Icon type="search" />}
+        />
       </Form>
     );
   }
diff --git a/packages/jaeger-ui/src/components/App/__snapshots__/TraceIDSearchInput.test.js.snap b/packages/jaeger-ui/src/components/App/__snapshots__/TraceIDSearchInput.test.js.snap
deleted file mode 100644
index f9ddb8d428..0000000000
--- a/packages/jaeger-ui/src/components/App/__snapshots__/TraceIDSearchInput.test.js.snap
+++ /dev/null
@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<TraceIDSearchInput /> renders as expected 1`] = `
-<form
-  className="ant-form ant-form-horizontal TraceIDSearchInput--form"
-  onSubmit={[Function]}
->
-  <span
-    className="ant-input-affix-wrapper"
-  >
-    <span
-      className="ant-input-prefix"
-    >
-      <i
-        aria-label="icon: search"
-        className="anticon anticon-search"
-      >
-        <svg
-          aria-hidden="true"
-          className=""
-          data-icon="search"
-          fill="currentColor"
-          focusable="false"
-          height="1em"
-          key="svg-search"
-          viewBox="64 64 896 896"
-          width="1em"
-        >
-          <path
-            d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
-            key="svg-search-svg-0"
-          />
-        </svg>
-      </i>
-    </span>
-    <input
-      className="ant-input"
-      name="idInput"
-      onChange={[Function]}
-      onKeyDown={[Function]}
-      placeholder="Lookup by Trace ID..."
-      style={null}
-      type="text"
-      value=""
-    />
-  </span>
-</form>
-`;
diff --git a/packages/jaeger-ui/vite.config.ts b/packages/jaeger-ui/vite.config.ts
index d5980afbcc..2486425ee4 100644
--- a/packages/jaeger-ui/vite.config.ts
+++ b/packages/jaeger-ui/vite.config.ts
@@ -42,7 +42,11 @@ export default defineConfig({
     },
   },
   plugins: [
-    react(),
+    react({
+      babel: {
+        babelrc: true,
+      },
+    }),
     legacy({
       targets: ['>0.5%', 'not dead', 'not ie <= 11', 'not op_mini all'],
     }),
diff --git a/yarn.lock b/yarn.lock
index 8e92301639..af86bc6564 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3657,6 +3657,11 @@ babel-plugin-polyfill-regenerator@^0.5.2:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.4.2"
 
+babel-plugin-react-remove-properties@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-react-remove-properties/-/babel-plugin-react-remove-properties-0.3.0.tgz#7b623fb3c424b6efb4edc9b1ae4cc50e7154b87f"
+  integrity sha512-vbxegtXGyVcUkCvayLzftU95vuvpYFV85pRpeMpohMHeEY46Qe0VNWfkVVcCbaZ12CXHzDFOj0esumATcW83ng==
+
 babel-plugin-transform-react-remove-prop-types@0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"