3e7f836c28
* Simplified format function in with-redux (#6518) * Update README.md (#6749) - fix runtime configuration example to use `customKey` - standardize warning callouts to use a block quote and bold "**Warning:**" text. Previously there were different ways a warning was mentioned on the docs page: - A warning emoji. The warning emoji didn't render in the actual site. <img width="770" alt="Screen Shot 2019-03-21 at 9 22 21 AM" src="https://user-images.githubusercontent.com/1103708/54759302-c655f380-4bbb-11e9-9116-b0fdc2467bc3.png"> - Italicized "Warning" text. Imo, does not stand out on the page. <img width="663" alt="Screen Shot 2019-03-21 at 9 24 43 AM" src="https://user-images.githubusercontent.com/1103708/54759376-f604fb80-4bbb-11e9-85c6-6589b7738dee.png"> * Adde example on how to rendering muiltiple items carousel on server-side with nextjs
44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
/*
|
|
This is copy paste from the with-material-ui example.
|
|
*/
|
|
|
|
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 getPageContext from '../src/getPageContext'
|
|
|
|
class MyApp extends App {
|
|
constructor () {
|
|
super()
|
|
this.pageContext = getPageContext()
|
|
}
|
|
|
|
render () {
|
|
const { Component, pageProps } = this.props
|
|
return (
|
|
<Container>
|
|
<Head>
|
|
<title>react-multi-carousel</title>
|
|
</Head>
|
|
<JssProvider
|
|
registry={this.pageContext.sheetsRegistry}
|
|
generateClassName={this.pageContext.generateClassName}
|
|
>
|
|
<MuiThemeProvider
|
|
theme={this.pageContext.theme}
|
|
sheetsManager={this.pageContext.sheetsManager}
|
|
>
|
|
<CssBaseline />
|
|
<Component pageContext={this.pageContext} {...pageProps} />
|
|
</MuiThemeProvider>
|
|
</JssProvider>
|
|
</Container>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default MyApp
|