Typescript issue for a generic observable variable as param

[albertcito]

I'm trying to do something like this in frontened:

type BaseRow =  {
  id: string
  created_at_local: string | null
  updated_at_local: string | null
  created_at: string | null
  created_by: string | null
  updated_at: string | null
  updated_by: string | null
}
class DB {
  constructor(private readonly authId: string) {}
  create<Data extends BaseRow>(status$: Observable<Record<string, Data>>, data: Partial<Data>) {
    const id = v4();
    status$[id].assign({
      ...data,
      id,
      created_at_local: dayjs().format('YYYY-MM-DD HH:MM:SS.ssssss'),
      created_by: this.authId
    });
    return status$[id].get();
  }
}

I'm getting this error:

1. In the line status$[id].get();

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'ObservableObjectFunctions<ObservableProps<Record<string, Data>> & NullablePropsIf<Pick<Record<string, Data>, IsStrictAny extends true ? never : Data extends null | undefined ? never : NonNullable<...> extends NonObservable ? string : never>, false>> & ObservableChildren<...> & ObservableFunctionChildren<...>'.
No index signature with a parameter of type 'string' was found on type 'ObservableObjectFunctions<ObservableProps<Record<string, Data>> & NullablePropsIf<Pick<Record<string, Data>, IsStrictAny extends true ? never : Data extends null | undefined ? never : NonNullable<...> extends NonObservable ? string : never>, false>> & ObservableChildren<...> & ObservableFunctionChildren<...>'

Observable object:

export const customSynced = configureSynced(syncedSupabase, {
  persist: {
    plugin: observablePersistAsyncStorage({ AsyncStorage }),
  },
  generateId: () => uuidv4(),
  supabase,
  changesSince: "last-sync",
  fieldCreatedAt: "created_at",
  fieldUpdatedAt: "updated_at",
  // Optionally enable soft deletes
  fieldDeleted: "deleted",
});
export type TeamPlayerRow = Database["public"]["Tables"]["team_player"]["Row"];

export const teamPlayers$ = observable<Record<string, TeamPlayerRow>>(
  customSynced({
    supabase,
    collection: "team_player",
    select: (from) =>  from.select(`player_id, team_id,${cols}`),
    actions: ["read", "create", "update", "delete"],
    realtime: true,
    // Persist data and pending changes locally
    persist: {
      name: "team_player",
      retrySync: true, // Persist pending changes and retry
    },
    retry: {
      infinite: true, // Retry changes with exponential backoff
    },
  })
);

[albertcito]

I ended solving in in another way:

import dayjs from "dayjs";
import { v4 } from "uuid";

export default class AuditDB {
  constructor(
    public readonly authId: string,
  ) {}

  insert<Data>(values: Data) {
    const now = dayjs().format("YYYY-MM-DD HH:mm:ss");
    return {
      ...values,
      id: v4(),
      created_by: this.authId,
      created_by_local: this.authId,
      updated_by: this.authId,
      updated_by_local: this.authId,
      created_at_local: now,
      updated_at_local: now,
    };
  }

  update<Data>(values: Data) {
    const now = dayjs().format("YYYY-MM-DD HH:mm:ss");
    return {
      ...values,
      updated_by: this.authId,
      updated_by_local: this.authId,
      updated_at_local: now,
    };
  }
}