React Hook "useAnimatedStyle" is called in function "renderLeftActions" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use"

React Hook "useAnimatedStyle" is called in function "renderRightAction" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use"

React Hook "useAnimatedStyle" is called in function "renderLeftActions" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use"

React Hook "useAnimatedStyle" is called in function "renderRightActions" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use"

React Hook useMemo has missing dependencies: 'animateRow', 'calculateCurrentOffset', 'dragX', 'leftWidth.value', 'rightOffset.value', 'rightWidth', 'rowState', 'rowWidth.value', and 'transX'. Either include them or remove the dependency array

React Hook useImperativeHandle has a missing dependency: 'swipeableMethods'. Either include it or remove the dependency array

Process completed with exit code 1.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v2, actions/setup-node@v2. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

Do not define components during render. React will see a new component type on every render and destroy the entire subtree’s DOM nodes and state (https://reactjs.org/docs/reconciliation.html#elements-of-different-types). Instead, move this component definition out of the parent component “MainScreen” and pass data as props. If you want to allow component creation in props, set allowAsProps option to true

Inline style: { flex: 1 }

'props' is already declared in the upper scope on line 29 column 3

Unexpected use of '|'

Inline style: { textAlign: 'center', width: '80%' }

Inline style: { flex: 1, backgroundColor: '#fff' }

Inline style: { margin: 10, fontSize: 15, textAlign: 'left' }

'snapPoint' is already declared in the upper scope on line 32 column 10

The array literal notation [] is preferable