Issue with some typescript files

Please share a screenshot of quick documentation popup shown when you select one of these  .tsx files in Project tool window and hit Ctrl+Q (or whatever shortcut is assigned to View | Quick documentation action)

So, here the file is detected as plain text. I don't know why ?

please check the registered patterns in Settings | Editor | File types -> Text and Auto-detect file type by content file types - can you see <your file name>.tsx (or any other pattern with tsx suffix) there? Removing this pattern from the list should help

No tsx in text. I tried to remove in file type TypeScript JSX, '*.tsx' and replaced *.tsx. No changes even with PhpStorm restart.

Strange... Please could you share your ~/Library/Application Support/JetBrains/PhpStorm2020.3/options/filetypes.xml file?

Yes, here is it (and maybe it's the problem!):

<application>
  <component name="FileTypeManager" version="18">
    <extensionMap>
      <mapping pattern="Add.tsx" type="AUTO_DETECTED" />
      <mapping pattern="PriceApiTest" type="PHP" />
    </extensionMap>
  </component>
</application>%

Please check the patterns in Auto-detect file type by content file type - your Add.tsx must be there

I don't need mapping pattern we can see in the file. Maybe could i delete the file or just mapping pattern ? 

[edit]:

in Auto-detect file type by content i removed "Add.tsx" and it's ok now !

Deleting the pattern in Preferences | Editor | File types -> Auto-detect file type by content should be enough... But you can remove the filetypes.xml file if you don't need the other mappings. Just make sure to shut down the IDE before doing it

Yep it's why i've done.

Many thanks !!

turns out tsx files were associated as text. just removed them and it worked