#I recently redeployed the site but after deploying Getting ReferenceError: React is not defined.

1 messages · Page 1 of 1 (latest)

tropic fractal
#

import { Composition, registerRoot } from 'remotion'
import { defaultVideoProps } from './data/deafultVideoProps'
import { MyCompositionHtml } from './features/video/player/myCompositionHtml'

const RemotionRoot: React.FC = () => {
return (
<>
<Composition
component={MyComp}
durationInFrames={5000}
width={800}
height={1000}
fps={60}
id='16by9-video'
defaultProps={{
...defaultVideoProps,
}}
/>
</>
)
}

type gifProps = {
data: any
jsonData: any
transitionDurationInFrames: number
transitionAnimationProp: any
isDownload: boolean
scriptDetails: any
burstImagesTransitionAnimationArray: any
videoStyle: string
}

export const MyComp = ({
data,
scriptDetails,
jsonData,
transitionDurationInFrames,
transitionAnimationProp,
isDownload,
burstImagesTransitionAnimationArray,
videoStyle,
}: gifProps) => {
const videoPlayerWidth = isDownload ? jsonData.width : Math.round(jsonData.width / 1)
const videoPlayerHeight = isDownload ? jsonData.height : Math.round(jsonData.height / 1)
return (
<>
<MyCompositionHtml
htmlData={data}
jsonData={jsonData}
width={videoPlayerWidth}
height={videoPlayerHeight}
scriptDetails={scriptDetails}
transitionDurationInFrames={transitionDurationInFrames}
transitionAnimationProp={transitionAnimationProp}
isDownload={true}
burstImagesTransitionAnimationArray={burstImagesTransitionAnimationArray}
videoStyle={videoStyle}
/>
</>
)
}

registerRoot(RemotionRoot)
This is remotionroot

tropic fractal