import React from 'react';
import App from 'next/app';
import Head from 'next/head';
import {Provider} from 'react-redux';
import withRedux from 'next-redux-wrapper';
import ThemeProvider from '../containers/ThemeProvider';
import initStore from '../redux/store';
import '@glidejs/glide/dist/css/glide.core.min.css';
import 'react-quill/dist/quill.snow.css';
import 'react-quill/dist/quill.core.css';
import '../style/global.css';
import 'react-image-crop/dist/ReactCrop.css'
import { ThemeSwitcherProvider } from 'react-css-theme-switcher';
const themes = {
light: 'antd/dist/antd.css',
dark: 'antd/dist/antd.dark.css',
};
class CustomApp extends App {
render() {
const {Component, pageProps, store, router} = this.props;
let component = <Component {...pageProps} />;
return (
<ThemeSwitcherProvider defaultTheme="light" themeMap={themes}>
<Provider store={store}>
<ThemeProvider>
<Head>
<title>KTX Admin</title>
</Head>
{component}
</ThemeProvider>
</Provider>
</ThemeSwitcherProvider>
);
}
}
export default withRedux(initStore)(CustomApp);
"antd": "^4.18.8",
"next": "^11.1.2",
"react": "^17.0.2",
react-css-theme-switcher:0.3.0
I try to change different antd.css file at Next.js
But ThemeSwitcherProvider is not working....
"antd": "^4.18.8",
"next": "^11.1.2",
"react": "^17.0.2",
react-css-theme-switcher:0.3.0
I try to change different antd.css file at Next.js
But ThemeSwitcherProvider is not working....