React-multi-carousel

import React from 'react'; import App, { Container } from 'next/app'; import Head from 'next/head'; import { MuiThemeProvider } from '@material-ui/core/styles'; import CssBaseline from '@material-ui/core/CssBaseline'; import JssProvider from 'react-jss/lib/JssProvider'; import Typography from '@material-ui/core/Typography'; import "react-multi-carousel/lib/styles.css"; import Menu from '../components/menu'; import getPageContext from '../src/getPageContext'; class MyApp extends App { constructor() { super(); this.pageContext = getPageContext(); } componentDidMount() { // Remove the server-side injected CSS. const jssStyles = document.querySelector('#jss-server-side'); if (jssStyles && jssStyles.parentNode) { jssStyles.parentNode.removeChild(jssStyles); } } render() { const { Component, pageProps } = this.props; return ( React-multi-carousel - w3js {/* Wrap every page in Jss and Theme providers */} {/* MuiThemeProvider makes the theme available down the React tree thanks to React context. */} {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */} {/* Pass pageContext to the _document though the renderPage enhancer to render collected styles on server-side. */} ); } } export default MyApp;