What are the differences? Produce vs regular setStore

import { createStore, produce } from "solid-js/store";
export function SolidComponent() {
    const [solidStore, setSolidStore] = createStore({ a: "aaa", b: "bbb" });
    function updateA() {
        console.log("A");
        setSolidStore((obj) => {
            return { a: obj.a + "A", b: obj.b };
        });
    }

    function updateB() {
        console.log("B");
        setSolidStore(produce((obj) => (obj.a += "B")));
    }

    return (
        <>
            Yoooo
            <p>
                from store - a: {solidStore.a} and b: {solidStore.b}
            </p>
            <button onClick={() => updateA()}>Press me A!</button>
            <button onClick={() => updateB()}>Press me B!</button>
        </>
    );
}

import { createStore, produce } from "solid-js/store";
export function SolidComponent() {
    const [solidStore, setSolidStore] = createStore({ a: "aaa", b: "bbb" });
    function updateA() {
        console.log("A");
        setSolidStore((obj) => {
            return { a: obj.a + "A", b: obj.b };
        });
    }

    function updateB() {
        console.log("B");
        setSolidStore(produce((obj) => (obj.a += "B")));
    }

    return (
        <>
            Yoooo
            <p>
                from store - a: {solidStore.a} and b: {solidStore.b}
            </p>
            <button onClick={() => updateA()}>Press me A!</button>
            <button onClick={() => updateB()}>Press me B!</button>
        </>
    );
}