How to use the @fluentui/react.themes.teams function in @fluentui/react

const decorator = content => {content}
// const decorator = content => content;

import React from 'react'
import ReactDOM from 'react-dom'
import { Button, Provider, themes } from '@fluentui/react'

ReactDOM.render(
  React.createElement(
    Provider,
    { theme: themes.teams },
    React.createElement(Button, { content: 'Theming' }),
  ),
  document.getElementById('root'),
)

const App = () => (
  
    
      
    
  
)

{externalDocument => (
            
              
            
          )}

{externalDocument => (
      
        
        <button>
      
    )}
  </button>