Reactjs 无法使用Reaction日期选取器和Next.js设置初始日期

我正在使用Next.js，Reaction Query和Reaction Day Picker with Reaction Hook Form.

我正在使用Reaction查询从一个端点获取一些日期，并且我希望将这些日期设置为 Select 的初始日期.如果我在站点中导航并转到页面，则日期显示为选中.但是，如果我刷新页面，则不会显示日期.我必须导航到另一个页面并导航回以查看选定的日期.

  const {
    data: initialDatesTest,
    error,
    isLoading,
  } = useQuery({
    queryKey: ["dates"],
    queryFn: getDates,
  });
  async function getDates() {
    const response = await fetch("/api/dates-to-exclude");
    const data = await response.json();
    const parsedExcludedDates = data.excludedDates.PartyExcludeDates.map(
      (dateString: string) => new Date(dateString)
    );

    return parsedExcludedDates;
  }

const initialDays: Date[] = initialDatesTest || [];
const [days, setDays] = useState<Date[] | undefined>(initialDays);


      <Controller
        control={control}
        name="DayPicker"
        render={({ field }) => (
          <DayPicker
            mode="multiple"
            min={1}
            selected={days}
            onSelect={setDays}
            footer={footer}
            disabled={{ before: new Date() }}
            numberOfMonths={1}
          />
        )}
      />