baseui 10.10.0 → 10.11.0

package/es/tag/styled-components.js

@@ -248,8 +248,7 @@ const getColorStateFromProps = props => {
   if (props.$disabled) return COLOR_STATE.disabled;
   if (props.$variant === VARIANT.solid) return COLOR_STATE.solid;
   return COLOR_STATE.outline;
-}; // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+};
 
 export const Action = styled('span', props => {
   const {
@@ -276,8 +275,7 @@ export const Action = styled('span', props => {
     transitionDuration: 'background-color',
     transitionTimingFunction: $theme.animation.easeOutCurve
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 Action.displayName = "Action";
 export const StartEnhancerContainer = styled('div', ({
   $theme,
@@ -297,8 +295,7 @@ export const StartEnhancerContainer = styled('div', ({
     display: 'flex',
     [paddingDir]: paddingMagnitude
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 StartEnhancerContainer.displayName = "StartEnhancerContainer";
 export const Text = styled('span', props => {
   const {
@@ -311,8 +308,7 @@ export const Text = styled('span', props => {
     maxWidth: props.$theme.sizing.scale3200,
     order: $theme.direction === 'rtl' ? 1 : 0
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 Text.displayName = "Text";
 export const Root = styled('span', props => {
   const {

package/es/tag/tag.js

@@ -111,7 +111,7 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
   }[size]; // Capitalize for JSX
 
   const StartEnhancer = startEnhancer;
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  return /*#__PURE__*/React.createElement(Root // flowlint-next-line unclear-type:off
   , _extends({
     ref: ref,
     "data-baseweb": "tag",

package/es/textarea/styled-components.js

@@ -6,17 +6,19 @@ LICENSE file in the root directory of this source tree.
 */
 import { styled } from '../styles/index.js';
 import { getInputStyles, getInputContainerStyles, getRootStyles } from '../input/styled-components.js';
-// $FlowFixMe https://github.com/facebook/flow/issues/7745
 export const StyledTextAreaRoot = styled('div', props => {
-  return getRootStyles({ ...props,
+  return getRootStyles({
+    $positive: false,
+    ...props,
     $hasIconTrailing: false
   });
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 StyledTextAreaRoot.displayName = "StyledTextAreaRoot";
-export const StyledTextareaContainer = styled('div', props => ({ ...getInputContainerStyles(props)
-})); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+export const StyledTextareaContainer = styled('div', props => ({ ...getInputContainerStyles({
+    $positive: false,
+    ...props
+  })
+}));
 StyledTextareaContainer.displayName = "StyledTextareaContainer";
 export const StyledTextarea = styled('textarea', props => ({ ...getInputStyles(props),
   resize: 'none'

package/es/textarea/textarea.js

@@ -57,7 +57,8 @@ class Textarea extends React.Component {
       $positive: this.props.positive,
       $required: this.props.required
     }, rootProps), /*#__PURE__*/React.createElement(BaseInput, _extends({}, this.props, {
-      type: CUSTOM_INPUT_TYPE.textarea,
+      type: CUSTOM_INPUT_TYPE.textarea // $FlowFixMe[incompatible-indexer]
+      ,
       overrides: inputOverrides,
       onFocus: this.onFocus,
       onBlur: this.onBlur

package/es/timepicker/timepicker.js

@@ -293,16 +293,14 @@ class TimePicker extends React.Component {
       overrides = {},
       adapter
     } = this.props;
-    const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select); // $FlowFixMe
-
+    const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select);
     selectProps.overrides = mergeOverrides({
       Dropdown: {
         style: {
           maxHeight: '126px'
         }
       }
-    }, // $FlowFixMe
-    selectProps.overrides);
+    }, selectProps.overrides);
     const value = this.props.value && adapter.isValid(this.props.value) ? this.buildSelectedOption(this.props.value, this.props.format) : this.state.value;
     return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => {
       let ariaLabel;

package/es/timezonepicker/timezone-picker.js

@@ -115,16 +115,13 @@ class TimezonePicker extends React.Component {
       overrides = {}
     } = this.props;
     const [OverriddenSelect, selectProps] = getOverrides(overrides.Select, Select);
-    const selectOverrides = mergeOverrides({
+    selectProps.overrides = mergeOverrides({
       Dropdown: {
         style: {
           maxHeight: '360px'
         }
       }
-    }, // $FlowFixMe
-    selectProps.overrides); // $FlowFixMe
-
-    selectProps.overrides = selectOverrides;
+    }, selectProps.overrides);
     let options = this.state.timezones;
 
     if (this.props.mapLabels) {

package/es/timezonepicker/tzdata.js

@@ -1,2 +1,7 @@
-/* eslint-disable header/header */
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
 export const zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'Antarctica/Vostok', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'Asia/Brunei', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Indian/Cocos', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Indian/Christmas', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'Europe/Copenhagen', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Chuuk', 'Pacific/Pohnpei', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Atlantic/Reykjavik', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Luxembourg', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Monaco', 'Europe/Chisinau', 'Pacific/Majuro', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuala_Lumpur', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Europe/Amsterdam', 'Europe/Oslo', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Indian/Reunion', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Indian/Mahe', 'Africa/Khartoum', 'Europe/Stockholm', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Indian/Kerguelen', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Pacific/Funafuti', 'Asia/Taipei', 'Europe/Kiev', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'Pacific/Wake', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Wallis', 'Pacific/Apia', 'Africa/Johannesburg'];

package/es/timezonepicker/update-tzdata.js

@@ -45,16 +45,21 @@ async function main() {
     }
 
     const file = [];
-    file.push('/* eslint-disable header/header */');
-    file.push('// @flow');
-    file.push('');
+    file.push(`/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// @flow
+`);
     file.push('export const zones = [');
 
     for (const zone of zones) {
       file.push(`  '${zone}',`);
     }
 
-    file.push('];');
+    file.push('];\n');
     const tzdataPath = path.join(__dirname, 'tzdata.js');
     await fs.promises.writeFile(tzdataPath, file.join('\n')); // $FlowFixMe - flow is not aware of recursive option
 

package/es/toast/styled-components.js

@@ -77,13 +77,11 @@ export function getPlacement(placement) {
       flexDirection: 'column-reverse'
     }
   }[placement];
-} // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
-export const Root = styled('div', props => {
-  const {
-    $placement,
-    $theme
-  } = props;
+}
+export const Root = styled('div', ({
+  $placement,
+  $theme
+}) => {
   return {
     pointerEvents: 'none',
     position: 'fixed',
@@ -96,19 +94,17 @@ export const Root = styled('div', props => {
     marginRight: $theme.sizing.scale600,
     ...getPlacement($placement)
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 Root.displayName = "Root";
-export const InnerContainer = styled('div', {}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+export const InnerContainer = styled('div', // eslint-disable-next-line no-empty-pattern
+({}) => ({}));
 InnerContainer.displayName = "InnerContainer";
-export const Body = styled('div', props => {
-  const {
-    $isVisible,
-    $kind,
-    $type,
-    $theme
-  } = props;
+export const Body = styled('div', ({
+  $isVisible,
+  $kind,
+  $type,
+  $theme
+}) => {
   const isInline = $type === TYPE.inline;
   return { ...$theme.typography.font300,
     pointerEvents: 'auto',
@@ -134,15 +130,21 @@ export const Body = styled('div', props => {
     display: 'flex',
     justifyContent: 'space-between'
   };
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
-Body.displayName = "Body";
-export const CloseIconSvg = styled('svg', props => {
-  return { ...getSvgStyles(props),
-    cursor: 'pointer',
-    width: props.$size || '16px',
-    flexShrink: 0,
-    outline: props.$isFocusVisible ? `3px solid ${props.$theme.colors.accent}` : 'none'
-  };
 });
+Body.displayName = "Body";
+export const CloseIconSvg = styled('svg', ({
+  $theme,
+  $size,
+  $color,
+  $isFocusVisible
+}) => ({ ...getSvgStyles({
+    $theme,
+    $size,
+    $color
+  }),
+  cursor: 'pointer',
+  width: $size || '16px',
+  flexShrink: 0,
+  outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none'
+}));
 CloseIconSvg.displayName = "CloseIconSvg";

package/es/toast/toaster.js

@@ -140,11 +140,10 @@ export class ToasterContainer extends React.Component {
         Body: StyledBody,
         CloseIcon: StyledCloseIcon,
         InnerContainer: StyledInnerContainer
-      }, // $FlowFixMe
-      {
-        Body: BodyOverride,
-        CloseIcon: CloseIconOverride,
-        InnerContainer: InnerContainerOverride
+      }, {
+        Body: BodyOverride || {},
+        CloseIcon: CloseIconOverride || {},
+        InnerContainer: InnerContainerOverride || {}
       });
       const toastOverrides = mergeOverrides(globalToastOverrides, toastProps.overrides);
       return /*#__PURE__*/React.createElement(Toast, _extends({}, restProps, {
@@ -198,8 +197,7 @@ export class ToasterContainer extends React.Component {
     }, sharedProps, rootProps), toastsToRender); //Only render the portal in the browser, otherwise render the toasts and children
 
     if (this.state.isMounted) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.usePortal && typeof document !== 'undefined' ? /*#__PURE__*/ReactDOM.createPortal(root, // $FlowFixMe
-      document.body) : root, this.props.children);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.usePortal && typeof document !== 'undefined' && document.body ? /*#__PURE__*/ReactDOM.createPortal(root, document.body) : root, this.props.children);
     } else {
       return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children);
     }

package/es/toast/types.js

@@ -4,7 +4,5 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-
-/* eslint-disable flowtype/generic-spacing */
 import * as React from 'react';
 import { KIND, PLACEMENT, TYPE } from './constants.js';

package/es/tree-view/tree-label-interactable.js

@@ -15,10 +15,14 @@ const TreeLabelInteractable = ({
   ...props
 }) => {
   const LabelInteractable = getOverride(overrides.LabelInteractable) || StyledLabelInteractable;
-  return /*#__PURE__*/React.createElement(LabelInteractable, _extends({
-    onClick: e => e.stopPropagation(),
-    onKeyDown: e => e.stopPropagation()
-  }, props));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(LabelInteractable, _extends({
+      onClick: e => e.stopPropagation(),
+      onKeyDown: e => e.stopPropagation()
+    }, props))
+  );
 };
 
 export default TreeLabelInteractable;

package/es/tree-view/tree-label.js

@@ -46,7 +46,11 @@ const TreeLabel = ({
   const LeafIconContainer = getOverride(LeafIconContainerOverride) || StyledIconContainer;
   const LeafIcon = getOverride(LeafIconOverride) || BlankIcon;
   const TreeItemContent = getOverride(TreeItemContentOverride) || StyledItemContent;
-  return /*#__PURE__*/React.createElement(TreeItemContent, _extends({}, sharedProps, props), hasChildren && /*#__PURE__*/React.createElement(IconContainer, _extends({}, sharedProps, getOverrideProps(IconContainerOverride)), !isExpanded ? /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme => theme.direction === 'rtl' ? /*#__PURE__*/React.createElement(Left, _extends({}, sharedProps, LeftProps)) : /*#__PURE__*/React.createElement(Right, _extends({}, sharedProps, RightProps))) : /*#__PURE__*/React.createElement(CollapseIcon, _extends({}, sharedProps, getOverrideProps(CollapseIconOverride)))), !hasChildren && LeafIcon && /*#__PURE__*/React.createElement(LeafIconContainer, _extends({}, sharedProps, getOverrideProps(LeafIconContainerOverride)), /*#__PURE__*/React.createElement(LeafIcon, _extends({}, sharedProps, getOverrideProps(LeafIconOverride)))), typeof label === 'function' ? label(node) : label);
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(TreeItemContent, _extends({}, sharedProps, props), hasChildren && /*#__PURE__*/React.createElement(IconContainer, _extends({}, sharedProps, getOverrideProps(IconContainerOverride)), !isExpanded ? /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme => theme.direction === 'rtl' ? /*#__PURE__*/React.createElement(Left, _extends({}, sharedProps, LeftProps)) : /*#__PURE__*/React.createElement(Right, _extends({}, sharedProps, RightProps))) : /*#__PURE__*/React.createElement(CollapseIcon, _extends({}, sharedProps, getOverrideProps(CollapseIconOverride)))), !hasChildren && LeafIcon && /*#__PURE__*/React.createElement(LeafIconContainer, _extends({}, sharedProps, getOverrideProps(LeafIconContainerOverride)), /*#__PURE__*/React.createElement(LeafIcon, _extends({}, sharedProps, getOverrideProps(LeafIconOverride)))), typeof label === 'function' ? label(node) : label)
+  );
 };
 
 export default TreeLabel;

package/es/tree-view/tree-node.js

@@ -87,7 +87,7 @@ export default class TreeNode extends React.Component {
       onKeyDown: e => onKeyDown && onKeyDown(e, node),
       onBlur: onBlur,
       onFocus: this.onFocus,
-      "aria-expanded": isExpanded ? true : false,
+      "aria-expanded": isExpanded,
       $isLeafNode: !hasChildren
     }, getOverrideProps(TreeItemOverride)), /*#__PURE__*/React.createElement(TreeLabel, _extends({
       onClick: this.onToggle,

package/es/tree-view/tree-view.js

@@ -25,23 +25,23 @@ export default function TreeView(props) {
     Root: RootOverride
   } = overrides;
   const Root = getOverride(RootOverride) || StyledTreeItemList;
-  const firstId = data.length && getId(data[0]);
+  const firstId = data.length > 0 ? getId(data[0]) : 0;
   const [selectedNodeId, setSelectedNodeId] = React.useState(firstId);
   const [focusVisible, setFocusVisible] = React.useState(false);
   const [typeAheadChars, setTypeAheadChars] = React.useState('');
   const timeOutRef = React.useRef(null);
-  const treeItemRefs = React.useRef({});
+  const treeItemRefs = {};
 
   const focusTreeItem = id => {
     if (!id) return;
     setSelectedNodeId(id);
-    const refs = treeItemRefs.current[id];
+    const refs = treeItemRefs[id];
     const node = refs && refs.current;
     if (node) node.focus();
   };
 
   const onKeyDown = (e, node) => {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     const elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
@@ -154,10 +154,10 @@ export default function TreeView(props) {
     onFocus: onFocus,
     onBlur: onBlur,
     addRef: (id, ref) => {
-      treeItemRefs.current[id] = ref;
+      treeItemRefs[id] = ref;
     },
     removeRef: id => {
-      delete treeItemRefs.current[id];
+      delete treeItemRefs[id];
     },
     isFocusVisible: focusVisible
   })));