Hey,

I have a Client component that get props from Layout server component (a chat sidebar).
When a new conversation is created, I revalidate the path, the data is well refreshed, the client component get it, but I have to set the state in a useEffect to get thinks work, is it normal?

export default function ConversationsNavList({
    conversations,
}: {
    conversations: Conversation[];
}) {
    const pathname = useSelectedLayoutSegment();
    
    const [conv, setConv] = useState<Conversation[]>(conversations);
    const [open, setOpen] = useState(false);
    const [selectedConv, setSelectedConv] = useState<Conversation | null>(null);

    const router = useRouter();

    const { toast } = useToast();

    const [optimisticConversations, deleteOptimisticConversation] = useOptimistic(
      conv,
      (state, convId) => state.filter((conv) => conv.id_conversation !== convId)
    )

    // This is necesary because if conversations is updated by the server the state won't be
    useEffect(() => setConv(conversations), [conversations])
}