diff --git a/src/components/controls/BaseUrlControls.tsx b/src/components/controls/BaseUrlControls.tsx
index 05ec619..8ce9d02 100644
--- a/src/components/controls/BaseUrlControls.tsx
+++ b/src/components/controls/BaseUrlControls.tsx
@@ -1,28 +1,33 @@
-import { ChangeEvent } from 'react';
 import ListItem from '@mui/material/ListItem';
-import TextField from '@mui/material/TextField';
 import FormControl from '@mui/material/FormControl';
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
 import { useDispatch, useStore } from '../../store';
 
 const BaseUrlControls = () => {
     const store = useStore();
     const dispatch = useDispatch();
-    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
+
+    const handleChange = (e: SelectChangeEvent<string>) => {
         dispatch({ type: 'baseUrl', payload: e.target.value });
     }
+
     return (
         <ListItem>
             <FormControl fullWidth>
-                <TextField
+                <Select
                     value={store.baseUrl}
                     fullWidth
-                    label="base URL"
-                    placeholder='https://www.okx.com'
+                    label="Base URL"
                     onChange={handleChange}
-                />
+                >
+                    <MenuItem value="https://www.okx.com">https://www.okx.com</MenuItem>
+                    <MenuItem value="https://beta.okex.org">https://beta.okex.org</MenuItem>
+                    <MenuItem value="http://127.0.0.1:3000">http://127.0.0.1:3000</MenuItem>
+                </Select>
             </FormControl>
         </ListItem>
     );
 };
 
-export default BaseUrlControls;
+export default BaseUrlControls;
\ No newline at end of file
diff --git a/src/store/index.tsx b/src/store/index.tsx
index 4a9a8d4..76253bb 100644
--- a/src/store/index.tsx
+++ b/src/store/index.tsx
@@ -15,6 +15,7 @@ const initialState = {
 }
 type Action = {
     type: string;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     payload: any;
 }
 const reducer = (state: typeof initialState, action: Action) => {
@@ -74,13 +75,18 @@ const reducer = (state: typeof initialState, action: Action) => {
     }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const StoreContext = createContext<{ store: typeof initialState, dispatch: Dispatch<any> } | null>(null);
 
 export const useStore = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
     return useContext(StoreContext).store;
 };
 
 export const useDispatch = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
     return useContext(StoreContext).dispatch;
 }