feat(eslint-config): new rulе no-modifying-ref-on-render

[SeanSilke]

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/[email protected]
# or 
yarn add @salutejs/[email protected]

[KateKate]

Давай как в доке - Do not write ref.current during rendering

https://react.dev/reference/react/useRef#useref:~:text=Next%20Example-,Pitfall,-Do%20not%20write

[KateKate]

copilot подсказал

{
            code: `
            const MyComponent = (props) => {
                const ref = useRef(props);
                return <div>text</div>;
            }`,
        },
        
        {
            code: `
            const MyComponent = (props) => {
                const ref = useRef(props);
                useEffect(() => {
                    // Do something
                }, []);
                return <div>text</div>;
            }`,
        },

[KateKate]

{
            code: `
            const MyComponent = (props) => {
                const ref = useRef(props);
                useEffect(() => {
                    ref.current = props;
                }, [props]);
                return <div>text</div>;
            }`,
        },

[KateKate]

а это вроде уже сложно?

        {
            code: `
            const MyComponent = (props) => {
                const ref = useRef(props);
                useEffect(() => {
                    ref.current = props;
                }, []);
                return <div>text</div>;
            }`,
        },

[SeanSilke]

Ту не понял. Код валидный.

[KateKate]

ref-ку надо обычно обновлять на каждый рендер. А в данном случае обновляется только на первый рендер - это не имеет смысла, так как на первый рендер мы и так кладем значение через useRef. Но давай забьем, это хитрый кейс - вряд ли кто-то так пишет. Это мои фантазии )

[SeanSilke]

Ага ясно, пустые зависимости в useEffect. Да действительно редкий случай.

[KateKate]

.