Getting errors while trying to added a Material Ui component with AMP

I made a very simple page to test AMP with Material UI and Next JS, However, when I try to render this page

`import React from 'react'`
`import Button from '@material-ui/core/Button'`

`const testamp = () => {`
` return (`
`

I get the following error:

`/testamp error The parent tag of tag 'style amp-custom' is 'div', but it can only be 'head'. `
`error The parent tag of tag 'style amp-custom' is 'div', but it can only be 'head'.`
`error The parent tag of tag 'style amp-custom' is 'button', but it can only be 'head'.`

what could be the problem here ? specially that I just added a very simple component here with no styling

Start from the shown `testamp` page and its `amp: true` configuration, then reproduce the AMP validation errors with the Material UI `Button`. Compare the rendered output with AMP's requirement that `style amp-custom` be under `head`; done means the page renders without these validation errors.

Written by the indexing model from the issue text.