eslint-mdx: Parse error for multiline object props on React components

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

2.0.5

Link to runnable example

https://github.com/mike-fam/eslint-mdx-multiline-prop-error

Steps to reproduce

1. Create a new workspace with npm and install eslint with eslint-plugin-mdx
2. Eslint configuration:

{
   "overrides": [
   	{
   		"files": ["*.mdx"],
   		"extends": "plugin:mdx/recommended"
   	}
   ],
   "rules": {}
}

1. Create an mdx file with a react component with a multiline object prop e.g.

<button
   style={{
   	display: 'block'
   }}
>
   Test
</button>

1. Lint the file, note the error: Parsing error: Expected value to be truthy

Expected behavior

The file should pass linting without any problems, as this is valid mdx syntax.

Actual behavior

Linting produces the following error: 0:0 error Parsing error: Expected value to be truthy

Runtime

Node v16, Node v14

Package manager

yarn v1

OS

macOS

Build and bundle tools

webpack