Import with import filename from 'folder path';

I saw that the code drawn in React is used as follows, but since the export name is Index, import Index from 'hoge'; looks correct. Can I still use the Index component like <hoge/>?
I would appreciate it if you could let me know the details.Thank you for your cooperation.

hoge/index.tsx

const Index:React.FC<Props>=route=>{}

export default Index;

Load to

import hoge from 'hoge';