FormidableLabs / FormidableLabs/eslint-plugin-react-native-a11y

`react-native-a11y/has-valid-accessibility-state` crashes when destructuring within prop.

Open
#146 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
306
Forks
29
PR merge metrics
No merged PRs in 30d

Description

When `accessibilityState` prop is defined as an inline object with destructured object within it, this rule crashes.

`accessibilityState={{ ...accessibilityState, disabled }}`

Here's the error message:
![photo_2022-09-27_12-09-56](https://user-images.githubusercontent.com/22678765/192498966-fe2b90d7-e5a9-48b0-94c2-9564f9cf911b.jpg)

I was able to find a workaround by defining it first as a separate variable and then passing it to prop.
```
const newAccessibilityState = { ...accessibilityState, disabled };

...

accessibilityState={newAccessibilityState}
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.