id: String()

in packages/react/src/components/Setup/ProfileSelection.tsx [65:111]


        id: String(index)
      }))
    );
  }, []);

  const actionButton = useMemo(
    () => (
      <div>
        {isSubmitting && <Spinner />}
        <Button variant="link" formAction="none" onClick={() => history.goBack()} disabled={isSubmitting}>
          Cancel
        </Button>
        <Button id="next-btn" variant="primary" formAction="submit" disabled={isSubmitting}>
          {buttonText}
        </Button>
      </div>
    ),
    [buttonText, history, isSubmitting]
  );

  const onSelectProfile = useCallback(([e]) => {
    setProfiles(e.detail.selectedOption);
    return e.detail.selectedOption.label;
  }, []);

  const onSelectTargetFramework = useCallback(([e]) => {
    setTargetFramework(e.detail.selectedOption);
    return e.detail.selectedOption;
  }, []);

  const onCheckbox = useCallback(([e]) => {
    return e.detail.checked;
  }, []);

  const onAddProfile = useCallback(
    (profileName: string) => {
      const newProfileOption = { label: profileName, id: String(profileOptions.length) };
      setProfileOptions([...profileOptions, newProfileOption]);
    },
    [profileOptions]
  );

  return (
    <div>
      <form
        onSubmit={handleSubmit(async data => {
          if (await window.electron.verifyUser(data.profileSelection)) {