How to use Chakra UI with remotion?

[winner106]

Chakra UI: https://chakra-ui.com/getting-started

I have tried the following code , but it will mess up the preview page....

export const Visx = () => {
	const {width, height} = useVideoConfig();
	return (
		<ChakraProvider theme={theme}>
			<ColumnChart width={width} height={height} />
		</ChakraProvider>
	);
};

export const RemotionRoot: React.FC = () => {
	return (
		<>
			<Composition
				id="Visx"
				component={Visx}
				durationInFrames={150}
				fps={30}
				width={1920}
				height={1080}
			/>

		</>
	);
};

[JonnyBurger]

Thanks for reporting this! I fix this in #1908