diff --git a/ui/box/src/play.stories.jsx b/ui/box/src/play.stories.tsx
similarity index 64%
rename from ui/box/src/play.stories.jsx
rename to ui/box/src/play.stories.tsx
index cb64ae571..cfa7edc00 100644
--- a/ui/box/src/play.stories.jsx
+++ b/ui/box/src/play.stories.tsx
@@ -1,13 +1,14 @@
 import * as React from "react";
-import { Story } from "@storybook/react";
 import { Box as Component } from "./box";
 
+import type { ComponentMeta, ComponentStory } from "@storybook/react";
+
 export default {
   title: "Box",
   component: Component,
-};
+} as ComponentMeta<typeof Component>;
 
-const Template: Story = (args) => (
+const Template: ComponentStory<typeof Component> = (args) => (
   <Component
     as="h1"
     css={{