accessibilityState doesn't recognise boolean value in variable

[hakoniemi]

Following code throws an error: "accessibilityState object: "selected" value is not a boolean"

interface Props {
  active: boolean;
}

const C: React.SFC<Props> = ({
  active,
}) => (
  <TouchableHighlight
    accessibilityState={{
      selected: active,
    }}
  >
  ...
);

If I replace active with true/false, it passes.

[hakoniemi]

One way to fix this is to reassure it's a boolean by: selected: !!active, but I don't know whether this is a permanent way to fix it.

[jpdriver]

hey @Zvona -- thank you so much for raising this bug. I've just published a new release that includes a workaround detailed in the PR linked above. Please try it out 😄

yarn add eslint-plugin-react-native-a11y@2.0.0-rc1

[arjunu]

Same issue with accessibilityStates:

 <TouchableHighlight
    accessibilityStates={props.disabled? ["disabled"]: []}
/>

doesn't work.