Chats.tsx

import { useEffect, useState } from "react";

export default function Chats({statusCatsInside} : any) {
    const [catsInside, setCatsInside] = useState(statusCatsInside)
    useEffect(() => {
        setCatsInside(statusCatsInside)
    }, [statusCatsInside])
    return (
        <div>
            <h2>Chats dans la chatière</h2>
            <p>{catsInside || ""}</p>
        </div>
    )
}