bump version beta.1

packages/ui-default/components/autocomplete/components/DomainSelectAutoComplete.tsx

@@ -22,7 +22,17 @@ const DomainSelectAutoComplete = forwardRef<AutoCompleteHandle<DomainDoc>, AutoC
     queryItems={(query) => request.get('/domain/search', { q: query })}
     itemText={(domain) => domain.name}
     itemKey={(domain) => domain._id}
-    {...props}
+    {...{
+      width: '100%',
+      height: 'auto',
+      listStyle: {},
+      multi: false,
+      selectedKeys: [],
+      allowEmptyQuery: true,
+      freeSolo: false,
+      freeSoloConverter: (input) => input,
+      ...props,
+    }}
   />
 ));
 
@@ -38,17 +48,6 @@ DomainSelectAutoComplete.propTypes = {
   freeSoloConverter: PropTypes.func,
 };
 
-DomainSelectAutoComplete.defaultProps = {
-  width: '100%',
-  height: 'auto',
-  listStyle: {},
-  multi: false,
-  selectedKeys: [],
-  allowEmptyQuery: true,
-  freeSolo: false,
-  freeSoloConverter: (input) => input,
-};
-
 DomainSelectAutoComplete.displayName = 'DomainSelectAutoComplete';
 
 export default DomainSelectAutoComplete;

packages/ui-default/components/autocomplete/components/ProblemSelectAutoComplete.tsx

@@ -29,7 +29,17 @@ const ProblemSelectAutoComplete = forwardRef<AutoCompleteHandle<ProblemDoc>, Aut
         </div>
       </div>
     )}
-    {...props}
+    {...{
+      width: '100%',
+      height: 'auto',
+      listStyle: {},
+      multi: false,
+      selectedKeys: [],
+      allowEmptyQuery: false,
+      freeSolo: false,
+      freeSoloConverter: (input) => input,
+      ...props,
+    }}
   />
 ));
 
@@ -45,17 +55,6 @@ ProblemSelectAutoComplete.propTypes = {
   freeSoloConverter: PropTypes.func,
 };
 
-ProblemSelectAutoComplete.defaultProps = {
-  width: '100%',
-  height: 'auto',
-  listStyle: {},
-  multi: false,
-  selectedKeys: [],
-  allowEmptyQuery: false,
-  freeSolo: false,
-  freeSoloConverter: (input) => input,
-};
-
 ProblemSelectAutoComplete.displayName = 'ProblemSelectAutoComplete';
 
 export default ProblemSelectAutoComplete;

packages/ui-default/components/autocomplete/components/UserSelectAutoComplete.tsx

@@ -8,7 +8,6 @@ const UserSelectAutoComplete = forwardRef<AutoCompleteHandle<Udoc>, AutoComplete
   <AutoComplete<Udoc>
     ref={ref as any}
     cacheKey="user"
-    {...props}
     queryItems={(query) => api(gql`
       users(search: ${query}) {
         _id
@@ -37,6 +36,17 @@ const UserSelectAutoComplete = forwardRef<AutoCompleteHandle<Udoc>, AutoComplete
         </div>
       </div>
     )}
+    {...{
+      width: '100%',
+      height: 'auto',
+      listStyle: {},
+      multi: false,
+      selectedKeys: [],
+      allowEmptyQuery: false,
+      freeSolo: false,
+      freeSoloConverter: (input) => input,
+      ...props,
+    }}
   />
 ));
 
@@ -52,17 +62,6 @@ UserSelectAutoComplete.propTypes = {
   freeSoloConverter: PropTypes.func,
 };
 
-UserSelectAutoComplete.defaultProps = {
-  width: '100%',
-  height: 'auto',
-  listStyle: {},
-  multi: false,
-  selectedKeys: [],
-  allowEmptyQuery: false,
-  freeSolo: false,
-  freeSoloConverter: (input) => input,
-};
-
 UserSelectAutoComplete.displayName = 'UserSelectAutoComplete';
 
 export default UserSelectAutoComplete;

packages/ui-default/components/react/DomComponent.tsx

@@ -3,7 +3,7 @@ import { omit } from 'lodash';
 import React from 'react';
 
 export default function DomComponent(props: React.HTMLAttributes<HTMLDivElement> & { childDom: HTMLElement }) {
-  const ref = React.useRef<HTMLDivElement>();
+  const ref = React.useRef<HTMLDivElement>(null);
   React.useEffect(() => {
     ref.current.appendChild(props.childDom);
     return () => {