Why can't I export this component?

[njoppi2]

For some weird reason the options to extract this component ↑ don't show up when I click the light bulb. However, if I select this component ↓, then the option shows up, why is that?

[borislit]

@njoppi2 thanks for the issue! Sorry for late response. Been away for a while. Can you pls paste the code snippet that causes the issues?

[njoppi2]

No problem, just to clarify a little more, the only options that appear to me when I select this text is "Extract to constant in enclosing scope" and "Extract to function in module scope" Here's the select text that didn't work:

          <PriceEditingContainer>
            <ButtonContainer>
              <Button kind="available" onClick={() => exportConnectorsPrice(user?.authToken)} visual="secondary" grayBorder={true} textSize={12}><DownArrow />Download da planilha</Button>
            </ButtonContainer>
            <ButtonContainer>
              <Button kind="available" visual="primary" onClick={() => {}} grayBorder textSize={12}>
                <UpArrow />Upload da planilha
                <HiddenInput
                  onChange={({ target: { validity, files } }) =>
                    validity.valid && files && setSheetFile(files[0])
                  }
                />
              </Button>
            </ButtonContainer>
          </PriceEditingContainer>

[lauridskern]

I have the same issue

[borislit]

:tada: This issue has been resolved in version 5.2.0 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: