ESLint indent rule with tsx file. Set indent rule for HTML node attributes

Question

Is there a method to tell the indent rule of ESLint to accept that? What I want

    <BottomNavigation
       showLabels
       value={value}
       onChange= {(…) => {
          …
       }}
    >
       <BottomNavigationAction component={Link} to="/contacts"…
                               icon={<ContactsIcon/>}/>
       <BottomNavigationAction … />
       <BottomNavigationAction
          component={Link} to="/groups" … icon={<GroupIcon/>}/>
    </BottomNavigation>

What it forces me to do: What it forces me

    <BottomNavigation
       showLabels
       value={value}
       onChange= {(…) => {
          …
       }}
    >
       <BottomNavigationAction component={Link} to="/contacts"…
          icon={<ContactsIcon/>}/>
       <BottomNavigationAction … />
       <BottomNavigationAction component={Link} to="/groups" …
          icon={<GroupIcon/>}/>
    </BottomNavigation>

My indent rule values: Indent rule

    "indent: [
      "error",
      4
     ],

I checked the documentation of the indent rule but they never mention HTML nodes. So I'm a bit lost there. (ESLint documentation on indent)