diff --git a/packages/eslint-plugin/__tests__/stylex-valid-styles-test.js b/packages/eslint-plugin/__tests__/stylex-valid-styles-test.js index 589e7f1dd..699484560 100644 --- a/packages/eslint-plugin/__tests__/stylex-valid-styles-test.js +++ b/packages/eslint-plugin/__tests__/stylex-valid-styles-test.js @@ -359,6 +359,18 @@ eslintTester.run('stylex-valid-styles', rule.default, { `, ], invalid: [ + { + code: ` + import stylex from 'stylex'; + const styles = {default: {width: '30pt'}}; + stylex.create(styles); + `, + errors: [ + { + message: 'Styles must be represented as JavaScript objects', + }, + ], + }, { code: "import stylex from 'stylex'; stylex.create({default: {textAlin: 'left'}});", errors: [ diff --git a/packages/eslint-plugin/src/stylex-valid-styles.js b/packages/eslint-plugin/src/stylex-valid-styles.js index a24969aaa..7b0f95199 100644 --- a/packages/eslint-plugin/src/stylex-valid-styles.js +++ b/packages/eslint-plugin/src/stylex-valid-styles.js @@ -2347,8 +2347,7 @@ const stylexValidStyles = { node && node.type === 'CallExpression' && isStylexCallee(node.callee) && - node.arguments.length === 1 && - node.arguments[0].type === 'ObjectExpression' + node.arguments.length === 1 ); }