webcomponents-react/examples/nextjs-pages/pages/_app.tsx at f967c84479577f02df1c3e8a7a1e46de00ff835e · UI5/webcomponents-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import '@ui5/webcomponents-react/dist/Assets.js';
import '@ui5/webcomponents-react/styles.css';
import '../styles/globals.css';
import { ThemeProvider } from '@ui5/webcomponents-react/ThemeProvider';
import type { AppProps } from 'next/app';
import Head from 'next/head';
import { AppShell } from '../components/AppShell';

export default function App({ Component, pageProps }: AppProps) {
  return (
    <>
      <Head>
        <script
          data-ui5-config
          type="application/json"
          dangerouslySetInnerHTML={{
            __html: JSON.stringify({
              theme: 'sap_horizon',
            }),
          }}
        />
      </Head>
      <ThemeProvider staticCssInjected>
        <AppShell>
          <Component {...pageProps} />
        </AppShell>
      </ThemeProvider>
    </>
  );
}