How to use the @fluentui/react.mergeThemes function in @fluentui/react

},
    },
    // Just a showcase of how we can further customize the styles for the buttons...
    // This should only indicate which variables are missing in the Teams theme, like (primaryBorderWidth)
    componentStyles: {
      Button: {
        root: ({ props: p }: { props: ButtonProps }) => ({
          ...(p.primary && {
            border: 0,
          }),
        }),
      },
    },
  }

  return mergeThemes(baseTheme, buttonOverrides)
}

render={() => (
              
                
                  
                
                
                  
                
              
            )}
          />

  const merged = mergeThemes(..._.times(100, n => themes.teams))
  const resolvedStyles = _.mapValues(merged.componentStyles, (componentStyle, componentName) => {