diff --git a/client/ui/TextFieldCustom.tsx b/client/ui/TextFieldCustom.tsx
new file mode 100644
index 0000000..79615a4
--- /dev/null
+++ b/client/ui/TextFieldCustom.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react'
+import { $, TextField } from "mdui"
+
+interface Args extends React.HTMLAttributes<TextField & HTMLElement> {
+
+}
+
+export default function TextFieldCustom({ ...prop }: Args) {
+    // deno-lint-ignore no-explicit-any
+    const textField = React.useRef<any>(null)
+
+    React.useEffect(() => {
+        const shadow = (textField.current as TextField).shadowRoot
+        // $(shadow).find('textarea')
+    })
+
+    return <mdui-text-field {...prop} ref={textField}></mdui-text-field>
+}
\ No newline at end of file