Fragments should contain more than one child - otherwise, there’s no need for a Fragment at all. (react/jsx-no-useless-fragment)

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 “App” and pass data as props. If you want to allow component creation in props, set allowAsProps option to true. (react/no-unstable-nested-components)

All imports in the declaration are only used as types. Use `import type`. (@typescript-eslint/consistent-type-imports)