Applying theme provider with styled components

App.tsx

import { ThemeProvider } from 'styled-components'
import { theme } from './theme.ts'

const App = () => {

  return <>
    <ThemeProvider theme={theme}>
      <Component1 />
      <Component2 />
      <Component3 />
    </ThemeProvider>
  </>
}