From 148dbffa7aa9f073ebc0f4ac0558728e9d679709 Mon Sep 17 00:00:00 2001
From: undefined <i@undefined.moe>
Date: Tue, 11 Jan 2022 13:27:57 +0800
Subject: [PATCH] ui: fix ref

---
 .../components/autocomplete/components/AutoComplete.jsx     | 6 +++---
 .../autocomplete/components/UserSelectAutoComplete.tsx      | 6 +++---
 packages/ui-default/package.json                            | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/ui-default/components/autocomplete/components/AutoComplete.jsx b/packages/ui-default/components/autocomplete/components/AutoComplete.jsx
index b5dd3ab1c..410a84fb5 100644
--- a/packages/ui-default/components/autocomplete/components/AutoComplete.jsx
+++ b/packages/ui-default/components/autocomplete/components/AutoComplete.jsx
@@ -1,7 +1,7 @@
 /* eslint-disable jsx-a11y/role-supports-aria-props */
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React, {
-  forwardRef, useState, useRef, useImperativeHandle, createRef, useEffect,
+  forwardRef, useState, useRef, useImperativeHandle, useEffect,
 } from 'react';
 import PropTypes from 'prop-types';
 import { debounce } from 'lodash';
@@ -35,8 +35,8 @@ const AutoComplete = forwardRef(function AutoComplete(props, ref) {
   const [itemList, setItemList] = useState([]); // items list
   const [currentItem, setCurrentItem] = useState(null); // index of current item (in item list)
 
-  const inputRef = createRef();
-  const listRef = createRef();
+  const inputRef = useRef();
+  const listRef = useRef();
 
   const cache = useRef({});
 
diff --git a/packages/ui-default/components/autocomplete/components/UserSelectAutoComplete.tsx b/packages/ui-default/components/autocomplete/components/UserSelectAutoComplete.tsx
index 7292fc66c..86ae6379a 100644
--- a/packages/ui-default/components/autocomplete/components/UserSelectAutoComplete.tsx
+++ b/packages/ui-default/components/autocomplete/components/UserSelectAutoComplete.tsx
@@ -1,5 +1,5 @@
 import React, {
-  forwardRef, createRef, useImperativeHandle, useRef, useEffect,
+  forwardRef, useImperativeHandle, useRef, useEffect,
 } from 'react';
 import { useQuery } from 'react-query';
 import PropTypes from 'prop-types';
@@ -20,7 +20,7 @@ interface UserSelectAutoCompleteProps {
 
 // eslint-disable-next-line prefer-arrow-callback
 const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete(
-  props: UserSelectAutoCompleteProps, ref: React.Ref<AutoComplete>,
+  props: UserSelectAutoCompleteProps, ref: React.ForwardedRef<AutoComplete>,
 ) {
   const multi = props.multi ?? false;
   const rawDefaultItems = props.defaultItems ?? '';
@@ -30,7 +30,7 @@ const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete(
     .filter((i) => i.length)
     .map((i) => +i) : rawDefaultItems;
 
-  const comRef = createRef<AutoComplete>();
+  const comRef = useRef<AutoComplete>();
   const itemsBox = useRef([]);
   const { isLoading } = useQuery(['default_user', defaultItems], async () => {
     if (!multi || defaultItems.length === 0) return;
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index db92aec67..04be1aae4 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.29.4",
+  "version": "4.29.5",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",