#FileButton OnChange not triggered inside menu

4 messages · Page 1 of 1 (latest)

neat river
# 
export function UploadButton() {
  const theme = useMantineTheme();
  const [files, setFiles] = useState([]);
  console.log(files);

  return (
    <Menu
      transitionProps={{ transition: 'pop-top-right' }}
      position="top-end"
      width={220}
      withinPortal
    >
      <Menu.Target>
        <Button
          rightSection={
            <IconChevronDown style={{ width: rem(18), height: rem(18) }} stroke={1.5} />
          }
          pr={12}
        >
          New
        </Button>
      </Menu.Target>
      <Menu.Dropdown>
        <FileButton onChange={setFiles} accept="image/png,image/jpeg" multiple>
          {(props) =>
            <Menu.Item
              {...props}
              leftSection={
                <IconFile
                  style={{ width: rem(16), height: rem(16) }}
                  color={theme.colors.blue[6]}
                  stroke={1.5}
                />
              }
            >
            </Menu.Item>}
        </FileButton>
      </Menu.Dropdown>
    </Menu>
  );
}
#

choosing a file will not do anything

rich arrow
neat river
#

oh yeah, that seems to work, why?