Error partialize missing properties in typescript

[feri-irawan]

This from zustand docs

export const useBoundStore = create(
  persist(
    (set, get) => ({
      foo: 0,
      bar: 1,
    }),
    {
      // ...
      partialize: (state) => ({ foo: state.foo }),
    },
  ),
)

But when i try to add type

type UseBoundStore = {
  foo: number
  bar: number
}

export const useBoundStore = create(
  persist<UseBoundStore>(
    () => ({
      foo: 0,
      bar: 1,
    }),
    {
      partialize: (state) => ({ foo: state.foo }),
    },
  ),
)

I found errors:

Type '(state: UseBoundStore) => { foo: number; }' is not assignable to type '(state: UseBoundStore) => UseBoundStore'.
  Property 'bar' is missing in type '{ foo: number; }' but required in type 'UseBoundStore'.ts(2322)
use-auth.ts(64, 3): 'bar' is declared here.
persist.d.mts(64, 5): The expected type comes from property 'partialize' which is declared here on type 'PersistOptions<UseBoundStore, UseBoundStore>'

Why the bar property is required?

[dai-shi]

Check this out: https://tsplay.dev/wX07Lw

import { create } from "zustand";
import { persist } from "zustand/middleware";

type UseBoundStore = {
  foo: number;
  bar: number;
};

export const useBoundStore = create<UseBoundStore>()(
  persist(
    () => ({
      foo: 0,
      bar: 1,
    }),
    {
      name: "foo",
      partialize: (state) => ({ foo: state.foo }),
    },
  ),
);