Merge pull request #4131 from remotion-dev/deny-rsc-export

packages/core/src/_check-rsc.ts

@@ -0,0 +1,17 @@
+import {createContext} from 'react';
+
+if (typeof createContext !== 'function') {
+	const err = [
+		'Remotion requires React.createContext, but it is "undefined".',
+		'If you are in a React Server Component, turn it into a client component by adding "use client" at the top of the file.',
+		'',
+		'Before:',
+		'  import {useCurrentFrame} from "remotion";',
+		'',
+		'After:',
+		'  "use client";',
+		'  import {useCurrentFrame} from "remotion";',
+	];
+
+	throw new Error(err.join('\n'));
+}

packages/core/src/index.ts

@@ -1,3 +1,4 @@
+import './_check-rsc.js';
 import './asset-types.js';
 import {Clipper} from './Clipper.js';
 import type {Codec} from './codec.js';

packages/player/src/_check-rsc.ts

@@ -0,0 +1,17 @@
+import {createContext} from 'react';
+
+if (typeof createContext !== 'function') {
+	const err = [
+		'Remotion requires React.createContext, but it is "undefined".',
+		'If you are in a React Server Component, turn it into a client component by adding "use client" at the top of the file.',
+		'',
+		'Before:',
+		'  import {Player} from "@remotion/player";',
+		'',
+		'After:',
+		'  "use client";',
+		'  import {Player} from "@remotion/player";',
+	];
+
+	throw new Error(err.join('\n'));
+}

packages/player/src/index.ts

@@ -1,3 +1,4 @@
+import './_check-rsc.js';
 import {BufferingIndicator} from './BufferingIndicator.js';
 import {calculateCanvasTransformation} from './calculate-scale.js';
 import {PlayerEventEmitterContext} from './emitter-context.js';