Provider Provider.tsx

83.33% Statements 5/6

66.67% Branches 4/6

100% Functions 2/2

83.33% Lines 5/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1414x
 
1414x
1414x
 
 
1414x
 
 
1414x
 
 
 
 
 
 
 
 
 
 
  import * as React from 'react';
 
import { IdProvider } from '../utils/uniqueId';
import { ThemeProvider } from '../styled';
import buildTheme from '../theme';
import { ThemeConfig } from '../types';
 
import GlobalStyles from './GlobalStyles';
 
export type ProviderProps = {
  children: React.ReactNode;
  isStandalone?: boolean;
  theme?: ThemeConfig;
};
 
export function Provider(props: ProviderProps) {
  const { children, isStandalone, theme } = props;
 
  const derivedTheme = React.useMemo(() => {
    Iif (theme && isStandalone) {
      return theme;
    }
    return buildTheme(theme);
  }, [isStandalone, theme]);
 
  return (
    <ThemeProvider theme={derivedTheme}>
      <IdProvider>
        <React.Fragment>
          {process.env.NODE_ENV !== 'test' && <GlobalStyles />}
          {children}
        </React.Fragment>
      </IdProvider>
    </ThemeProvider>
  );
}