#style-prop-object

#Configuration

import { defineConfig, reactPlugin } from '@rslint/core';

export default defineConfig([
  reactPlugin.configs.recommended,
  {
    rules: {
      'react/style-prop-object': 'error',
    },
  },
]);

#Rule Details

Enforce that the style prop value is an object. In React, the style prop expects a JavaScript object, not a CSS string.

Examples of incorrect code for this rule:

<div style="color: red" />
<div style={"color: red"} />

Examples of correct code for this rule:

<div style={{ color: 'red' }} />
<div style={styles} />

#Options

• allow: An array of component names that are allowed to use a non-object style prop.

#Limitations

• Detects <pragma>.createElement(...) where <pragma> defaults to React and can be overridden via settings.react.pragma. Destructured createElement (e.g. import { createElement } from 'react') and @jsx comment pragmas are not supported.

#Original Documentation

• react/style-prop-object