improve template

.eslintrc.cjs

@@ -160,5 +160,15 @@ module.exports = {
                 ],
             },
         },
+        /**
+         * Disable rules of hooks for story files in order to have better story code display.
+         * @see TemplateName.stories.tsx
+         */
+        {
+            files: ['**/*.stories.*'],
+            rules: {
+                'react-hooks/rules-of-hooks': 'off',
+            },
+        },
     ],
 };

templates/Component/TemplateName.stories.tsx

@@ -15,7 +15,28 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Primary: Story = {
-    args: {
-        initialValue: 0,
+    render: args => {
+        return <TemplateName {...args} />;
+    },
+    args: {},
+};
+
+export const WithCode: Story = {
+    render: args => {
+        // here comes the code
+        return <TemplateName {...args} />;
+    },
+};
+
+WithCode.args = {};
+
+WithCode.argTypes = {};
+
+WithCode.parameters = {
+    docs: {
+        source: {
+            language: 'tsx',
+            type: 'code',
+        },
     },
 };