Fix an issue causing babel errors

code/lib/codemod/package.json

@@ -58,7 +58,6 @@
     "lodash": "^4.17.21",
     "prettier": "^2.8.0",
     "recast": "^0.23.1",
-    "ts-dedent": "^2.2.0",
     "util": "^0.12.4"
   },
   "devDependencies": {
@@ -70,6 +69,7 @@
     "mdast-util-mdxjs-esm": "^1.3.1",
     "remark": "^14.0.2",
     "remark-mdx": "^2.2.1",
+    "ts-dedent": "^2.2.0",
     "typescript": "~4.9.3",
     "unist-util-is": "^5.2.0",
     "unist-util-select": "^4.0.3",

code/lib/codemod/src/transforms/__tests__/mdx-to-csf.test.ts

@@ -310,6 +310,9 @@ test('extract all story attributes', () => {
         }}>    
         {Template.bind({})}
       </Story>
+      
+      <Story name="Second">{Template.bind({})}</Story>
+      
     `;
 
   jscodeshift({ source: input, path: 'Foobar.stories.mdx' });
@@ -341,6 +344,11 @@ test('extract all story attributes', () => {
       },
     };
 
+    export const Second = {
+      render: Template.bind({}),
+      name: 'Second',
+    };
+
   `);
 });
 

code/lib/codemod/src/transforms/mdx-to-csf.ts

@@ -199,7 +199,7 @@ export function transform(source: string, baseName: string): [mdx: string, csf:
     if (child.type === 'text') {
       return t.arrowFunctionExpression([], t.stringLiteral(child.value));
     }
-    if (child.type === 'mdxFlowExpression') {
+    if (child.type === 'mdxFlowExpression' || child.type === 'mdxTextExpression') {
       const expression = babelParseExpression(child.value);
 
       // Recreating those lines: https://github.com/storybookjs/mdx1-csf/blob/f408fc97e9a63097ca1ee577df9315a3cccca975/src/sb-mdx-plugin.ts#L185-L198

code/lib/csf-tools/package.json

@@ -41,9 +41,6 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@babel/generator": "^7.20.4",
-    "@babel/parser": "^7.20.3",
-    "@babel/traverse": "^7.20.1",
     "@babel/types": "^7.20.2",
     "@storybook/csf": "next",
     "@storybook/types": "7.0.0-beta.52",
@@ -52,6 +49,9 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
+    "@babel/generator": "^7.20.4",
+    "@babel/parser": "^7.20.3",
+    "@babel/traverse": "^7.20.1",
     "@types/fs-extra": "^11.0.1",
     "@types/js-yaml": "^3.12.6",
     "js-yaml": "^3.14.1",