Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 31 32 33 34 35 36 37 38 39 40 41 | 45x 37x 37x 37x 45x | import { Component, type JSX } from 'react'
import { detectEnvironment, type DetectEnvParams } from '../detect-env'
import { type EnvDetails } from '../env.types'
export interface WithEnvironmentProps {
children: (env: EnvDetails) => JSX.Element
}
/**
* Utility component that synchronously detects the current environment (React/Preact etc.) and
* passes it to the child render function.
*
* @example
* ```jsx
* <WithEnvironment>
* {(env) => <App env={env} />}
* </WithEnvironment>
* ```
*/
class WithEnvironment extends Component<WithEnvironmentProps> {
detectedEnv: EnvDetails | undefined
render(...args: unknown[]) {
if (!this.detectedEnv) {
// unlike React, class components in Preact always receive `props` and `state` in render()
// this is true for both Preact 8.x and 10.x
const hasAnyArguments = args.length > 0
const detectParams: DetectEnvParams = {
context: { classRenderReceivesAnyArguments: hasAnyArguments },
}
this.detectedEnv = detectEnvironment(detectParams)
}
return this.props.children(this.detectedEnv)
}
}
export { WithEnvironment }
|