Update Form defaultValues after Redux inject using reset api

Hi there,

I want to use defaultValues coming from Redux within my Form. Although when I directly visit the url from my browser and there is no customer yet, the Form isn’t filled correctly. So this screenshot shows the lifecycle:

At first the customer is undefined. The docs say that I should run the reset API when the defaultValues change to simulate the correct behaviour. This is my code:

  const dispatch = useDispatch();
  const customer = useSelector(customerSelector);

  const formMethods = useForm<i.Customer>({
    mode: 'onChange',
    defaultValues: mapCustomer(customer),
  });
  const { register, handleSubmit, reset } = formMethods;

  React.useEffect(() => {
    if (customer) {
      reset(mapCustomer(customer));
    }
  }, [customer]);

Although unfortunately nothing happens. How can I insert my Redux data in my Form correctly?

[rnnyrk]

@bluebill1049 Unfortunately I’m still not able to get the issue resolved. Gonna try tomorrow in production mode

[bluebill1049]

no worries @rnnyrk let me know if anything else i can help. i try my best.