diff --git a/docs/platforms/javascript/guides/react/features/component-tracking.mdx b/docs/platforms/javascript/guides/react/features/component-tracking.mdx index afe60ca215512..bfb67c33e1c66 100644 --- a/docs/platforms/javascript/guides/react/features/component-tracking.mdx +++ b/docs/platforms/javascript/guides/react/features/component-tracking.mdx @@ -61,9 +61,9 @@ See [this page](/platforms/javascript/guides/react/features/component-tracking/# ### How It Works -The Babel plugin parses your application's JSX source code at build-time, and applies additional `data` attributes onto it. -These attributes will appear on the DOM nodes of your application's built HTML, indicating the React component and file that each node is sourced from. For example, if you had a component named -`MyAwesomeComponent` in the file `myAwesomeComponent.jsx`: +The Babel plugin parses your application's JSX source code at build time, and applies additional `data` attributes onto it. These attributes then appear on the DOM nodes of your application's built HTML, indicating the React component and file that each node is sourced from. + +For example, if you had a component named `MyAwesomeComponent` in the file `myAwesomeComponent.jsx`: ```javascript function MyAwesomeComponent() {