diff --git a/cra-rxjs-styled-components/src/components/user-profile/UserProfile.stories.tsx b/cra-rxjs-styled-components/src/components/user-profile/UserProfile.stories.tsx
new file mode 100644
index 000000000..3845d75a7
--- /dev/null
+++ b/cra-rxjs-styled-components/src/components/user-profile/UserProfile.stories.tsx
@@ -0,0 +1,12 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import UserProfile from './UserProfile';
+import { useArgs } from '@storybook/client-api';
+
+export default {
+	title: 'UserProfile',
+	component: UserProfile,
+} as ComponentMeta<typeof UserProfile>;
+
+export const Default: ComponentStory<typeof UserProfile> = (args) => {
+	return <UserProfile />;
+};