eslint 规则冲突

[yixiaojiu]

import {useState} from 'react';

const App = () => {
    const [visible] = useState(true);

    return (
        <div>
            {visible ? (
                <div>478927589347573475973497534785348</div>
            ) : (<div>

                 </div>)
            }
        </div>
    );
};

当使用 eslint 进行保存代码时，有两个eslint规则冲突
jsx-indent

jsx-closing-tag-location

这种情况应该怎么写呢？

[otakustay]

import {useState} from 'react';

const App = () => {
    const [visible] = useState(true);

    return (
        <div>
            {visible
                ? (
                    <div>478927589347573475973497534785348</div>
                )
                : (
                    <div>
                    </div>
                )
            }
        </div>
    );
};