4d0783d9be
Use flush effects to custom apply css-in-js solution to app. Re-introduce flush effects to app-render, and remove default support of styled-jsx in `app/`. So that users will choose their own css-in-js solution if they need any customization. styled-jsx won't appear in client bundle if you didn't use it. For now we have to inject the initial styles before `</head>` to avoid hydration errors. Later on we can remove this once react can handle it. - [x] inject styles before end of head element - [x] add tests
16 lines
643 B
TypeScript
16 lines
643 B
TypeScript
import { createContext } from 'react'
|
|
import type { NextParsedUrlQuery } from '../../server/request-meta'
|
|
|
|
export const SearchParamsContext = createContext<NextParsedUrlQuery>(
|
|
null as any
|
|
)
|
|
export const PathnameContext = createContext<string>(null as any)
|
|
export const ParamsContext = createContext(null as any)
|
|
export const LayoutSegmentsContext = createContext(null as any)
|
|
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
SearchParamsContext.displayName = 'SearchParamsContext'
|
|
PathnameContext.displayName = 'PathnameContext'
|
|
ParamsContext.displayName = 'ParamsContext'
|
|
LayoutSegmentsContext.displayName = 'LayoutSegmentsContext'
|
|
}
|