ui: fix ref

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({});
 

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;

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",