Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.

I wrapped a component that is by another component. Essentially a StyledButton within a Button.

const StyledButton = styled(Button)

Below is Console log

[aichbauer]

@aakhan89 can you give an example code? This is a warning from react itself. As I understand you do something like this:

<Button>
  <Button>text</Button>
</Button>

which is not good. Because valid html does not support buttons within buttons… so what you want is most likely to be something like:

<div>
  <Button>text</Button>
</div>

[exlnt]

@aakhan89 Can you please post the root cause of your issue? I am running into the same error and I cannot find nested buttons anywhere in my code.