useHydrateAtoms() type issue in v2.13.0

[jeannnemelanie]

Hi,

With Jotai v2.12.5, my local Jest was:

import type { WritableAtom } from "jotai";
import type { ReactNode } from "react";

import { Provider } from "jotai";
import { useHydrateAtoms } from "jotai/utils";

type AnyWritableAtom = WritableAtom<unknown, any[], unknown>;
type InitialAtomValue = readonly [AnyWritableAtom, unknown];

export type JotaiTestProviderProps = {
  initialValues: InitialAtomValue[];
  children: ReactNode;
};

const HydrateAtoms = ({ initialValues, children }: JotaiTestProviderProps) => {
  useHydrateAtoms(initialValues);
  return children;
};

export const JotaiProvider = ({
  initialValues,
  children,
}: JotaiTestProviderProps) => (
  <Provider>
    <HydrateAtoms initialValues={initialValues}>{children}</HydrateAtoms>
  </Provider>
);

Wich was working fine as described in https://jotai.org/docs/guides/testing#injected-values

By updating to Jotai v2.13.0, I get this issue:

No overload matches this call.
  Overload 1 of 3, '(values: (readonly [AnyWritableAtom])[], options?: (Options & { dangerouslyForceHydrate?: boolean | undefined; }) | undefined): void', gave the following error.
    Argument of type 'InitialAtomValue[]' is not assignable to parameter of type '(readonly [AnyWritableAtom])[]'.
      Type 'InitialAtomValue' is not assignable to type 'readonly [AnyWritableAtom]'.
        Source has 2 element(s) but target allows only 1.
  Overload 2 of 3, '(values: Map<AnyWritableAtom, unknown>, options?: (Options & { dangerouslyForceHydrate?: boolean | undefined; }) | undefined): void', gave the following error.
    Argument of type 'InitialAtomValue[]' is not assignable to parameter of type 'Map<AnyWritableAtom, unknown>'.
      Type 'InitialAtomValue[]' is missing the following properties from type 'Map<AnyWritableAtom, unknown>': clear, delete, get, has, and 3 more.
  Overload 3 of 3, '(values: (readonly [AnyWritableAtom])[], options?: (Options & { dangerouslyForceHydrate?: boolean | undefined; }) | undefined): void', gave the following error.
    Argument of type 'InitialAtomValue[]' is not assignable to parameter of type '(readonly [AnyWritableAtom])[]'.

When I take a look at useHydrateAtoms() def, it seems that the ...any[] portion is not passed correctly to values. Could it be the problem?

If I change the types on my local to match what is expected:

type AnyWritableAtom = WritableAtom<unknown, never[], unknown>;
type InitialAtomValue = readonly [AnyWritableAtom];

export type JotaiTestProviderProps = {
  initialValues: InitialAtomValue[];
  children: ReactNode;
};

I'm not able to use it anymore :

<JotaiProvider initialValues={[[myAtom, myAtomDefaultValue]]}> /* TS error 2322: Source has 2 element(s) but target allows only 1. */
   <MyComponentToTest />
</JotaiProvider>

Thank you

[dai-shi]

Thanks for reporting.

@dmaskasky Can you look into it?

[jeannnemelanie]

The problem has been fixed with v2.13.1, thanks!