Making a hook that encapsulates a form

export function useSitemaps(): UseSitemapsReturnObject {
  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
  const schema = z.object({  homepageUrl: z.string()});

  const homepageUrlForm = useForm({
    mode: "onBlur",
    reValidateMode: "onChange",
    resolver: zodResolver(schema),
    defaultValues: {
      homepageUrl: "",
    },
  });

// now i have the form, i want to get the homepageUrl value, and make a dirivitive value (sitemapUrl)
// does it go in a useEffect? In state?

  let { homepageUrl } = sitemapUrlForm.getValues();
  if (!homepageUrl.endsWith("/")) {
    homepageUrl = `${homepageUrl}/`;
  }
  const sitemapUrl = inferSitemapUrl(homepageUrl);

 return {  sitemapUrlForm, homepageUrl, sitemapUrl }

export function useSitemaps(): UseSitemapsReturnObject {
  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
  const schema = z.object({  homepageUrl: z.string()});

  const homepageUrlForm = useForm({
    mode: "onBlur",
    reValidateMode: "onChange",
    resolver: zodResolver(schema),
    defaultValues: {
      homepageUrl: "",
    },
  });

// now i have the form, i want to get the homepageUrl value, and make a dirivitive value (sitemapUrl)
// does it go in a useEffect? In state?

  let { homepageUrl } = sitemapUrlForm.getValues();
  if (!homepageUrl.endsWith("/")) {
    homepageUrl = `${homepageUrl}/`;
  }
  const sitemapUrl = inferSitemapUrl(homepageUrl);

 return {  sitemapUrlForm, homepageUrl, sitemapUrl }