diff --git a/code/renderers/react/template/stories/docgen-components/ts-function-component/input.tsx b/code/renderers/react/template/stories/docgen-components/ts-function-component/input.tsx
index 14b249d1ea2f..2f84aee82ba5 100644
--- a/code/renderers/react/template/stories/docgen-components/ts-function-component/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/ts-function-component/input.tsx
@@ -4,8 +4,8 @@ import React from 'react';
 // @ts-ignore (js import not supported in TS)
 import { imported } from '../imported';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore (css import not supported in TS)
-import styles from '../imported.module.css';
+// @ts-ignore no types for this
+import * as styles from '../imported.module.css';
 
 const local = 'local-value';
 
@@ -29,7 +29,9 @@ interface PropsWriterProps {
   importedReference?: string;
   globalReference?: any;
   stringGlobalName?: string;
-  myClass: typeof styles.foo;
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore no types for this
+  myClass: typeof styles;
 }
 
 /** A component that renders its props */
@@ -51,6 +53,8 @@ PropsWriter.defaultProps = {
   importedReference: imported,
   globalReference: Date,
   stringGlobalName: 'top',
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore no types for this
   myClass: styles.foo,
 };