مشکل webstorm

با سلام
یه مشکلی با ویرایشگر webstorm دارم. فرض مثال کد زیر یک نمونه ساده اجرا react میباشد.

import React from 'react';  
import ReactDOM from 'react-dom';

function Test(props){  
return <h1>{props.DataName}</h1>  
}  
ReactDOM.render(<Test DataName="salam"/>, document.getElementById('root'));  

زمانی که درون تابع Test می خواهم ایتم های props رو از ویرایشگر بخوام که بهم پیشنهاد بده (ctrl+Space) در درون لیست پیشنهادات DataName وجود نداره و متوجه این ورودی نشده. لطفا راهنمایی کنید ایا باید تنظیمات خاصی روی ویرایشگر اعمال بشه؟ من همه تنظیمات زبان JSX و همچنین nodejs تنظیم شده است.