fix example

apps/docs/content/components/VideoPlayer.mdx

@@ -127,45 +127,42 @@ The `VideoPlayer` component exposes a `useVideo` hook that can be used to contro
 
 Full documentation for the `useVideo` hook can be found [below](#usevideo-context).
 
-```tsx live
-;() => {
-  const MyVideoPlayer = () => {
-    const {isPlaying, togglePlaying, seek} = useVideo()
-
-    return (
-      <Stack direction="vertical">
-        <VideoPlayer
-          title="GitHub media player"
-          showPlayPauseButton={false}
-          showSeekControl={false}
-          showCCButton={false}
-          showMuteButton={false}
-          showVolumeControl={false}
-          showFullScreenButton={false}
-        >
-          <VideoPlayer.Source
-            src="/brand/assets/example.mp4"
-            type="video/mp4"
-          />
-          <VideoPlayer.Track src="/brand/assets/example.vtt" default />
-        </VideoPlayer>
-        <Stack direction="horizontal">
-          <Button onClick={() => togglePlaying()}>
-            {isPlaying ? 'Pause' : 'Play'}
-          </Button>
-          <Button onClick={() => seek(0)}>Go to start</Button>
-          <Button onClick={() => seek((t) => t + 5)}>Skip 5 seconds</Button>
-        </Stack>
-      </Stack>
-    )
-  }
+```javascript live noinline
+const CustomVideoPlayer = () => {
+  const {isPlaying, togglePlaying, seek} = useVideo()
 
   return (
-    <VideoPlayer.Provider>
-      <MyVideoPlayer />
-    </VideoPlayer.Provider>
+    <Stack direction="vertical">
+      <VideoPlayer
+        title="GitHub media player"
+        showPlayPauseButton={false}
+        showSeekControl={false}
+        showCCButton={false}
+        showMuteButton={false}
+        showVolumeControl={false}
+        showFullScreenButton={false}
+      >
+        <VideoPlayer.Source src="/brand/assets/example.mp4" type="video/mp4" />
+        <VideoPlayer.Track src="/brand/assets/example.vtt" default />
+      </VideoPlayer>
+      <Stack direction="horizontal">
+        <Button onClick={() => togglePlaying()}>
+          {isPlaying ? 'Pause' : 'Play'}
+        </Button>
+        <Button onClick={() => seek(0)}>Go to start</Button>
+        <Button onClick={() => seek((t) => t + 5)}>Skip 5 seconds</Button>
+      </Stack>
+    </Stack>
   )
 }
+
+const App = () => (
+  <VideoPlayer.Provider>
+    <CustomVideoPlayer />
+  </VideoPlayer.Provider>
+)
+
+render(<App />)
 ```
 
 ## useVideo Context