import '../styles/globals.css' ; import { theme , globalStyles , ThemeProps } from '@ory/themes' ; import type { AppProps } from 'next/app' ; import { ToastContainer } from 'react-toastify' ; import 'react-toastify/dist/ReactToastify.css' ; import { ThemeProvider } from 'styled-components' ; import { createGlobalStyle } from 'styled-components' ; const GlobalStyle = createGlobalStyle ( ( props ) => globalStyles ( props ) ) ; function MyApp ( { Component , pageProps } ) { return ( < div data - testid = "app-react" > < ThemeProvider theme = { theme } > < GlobalStyle /> < Component { ... pageProps } /> < ToastContainer / > < /ThemeProvider> < /div>); } export default MyApp ;