diff --git a/index.tsx b/index.tsx
index f5d8d37..a19e4db 100644
--- a/index.tsx
+++ b/index.tsx
@@ -2,10 +2,10 @@ import React from "react";
 import clsx from "clsx";
 import st from "./index.module.less";
 
-export interface <Feewee>Props {}
+export interface <feewee>Props {}
 
-export default function <Feewee>({}: <Feewee>Props) {
-  const className = clsx(st['<Feewee>']);
+export default function <feewee>({}: <feewee>Props) {
+  const className = clsx(st['<feewee>']);
 
-  return (<span className={className}><Feewee></span>);
+  return (<span className={className}><feewee></span>);
 }
diff --git a/stories/index.stories.ts b/stories/index.stories.ts
index 926433b..917b68f 100644
--- a/stories/index.stories.ts
+++ b/stories/index.stories.ts
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
 // import { userEvent, within, fn } from '@storybook/test';
-import <Feewee> from '../index';
+import <feewee> from '../index';
 
-const meta: Meta<typeof <Feewee>> = {
-  title: "H5-Common/Componet/<Feewee>",
-  component: <Feewee>,
+const meta: Meta<typeof <feewee>> = {
+  title: "H5-Common/Componet/<feewee>",
+  component: <feewee>,
   tags: ["autodocs"],
   parameters: {
     layout: "centered",
@@ -16,7 +16,7 @@ const meta: Meta<typeof <Feewee>> = {
 };
 
 export default meta;
-type Story = StoryObj<typeof <Feewee>>;
+type Story = StoryObj<typeof <feewee>>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.