How to use grid-template-areas in react inline style?

Just use backtick strings.

gridTemplateAreas: `
                    'header header'
                    'aside main'
                    'footer footer'
                   `

For inline style in JSX:

<div
  style={{ gridTemplateAreas: `'header header' 'aside main' 'footer footer'` }}
></div>