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 “ButtonScreen” and pass data as props. If you want to allow component creation in props, set allowAsProps option to true

Unexpected unlimited 'eslint-disable' comment. Specify some rule names to disable

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 “TabOneScreen” and pass data as props. If you want to allow component creation in props, set allowAsProps option to true

Inline style: { height: 5 }

'props' is already declared in the upper scope on line 33 column 18

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 “TabOneScreen” and pass data as props. If you want to allow component creation in props, set allowAsProps option to true

Inline style: { height: 5 }

Unexpected unlimited 'eslint-disable' comment. Specify some rule names to disable

Unnecessary escape character: \[