forked from microsoft/griffel
-
Notifications
You must be signed in to change notification settings - Fork 0
/
insertionFactory.ts
25 lines (20 loc) · 910 Bytes
/
insertionFactory.ts
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
import type { CSSRulesByBucket, GriffelInsertionFactory, GriffelRenderer } from '@griffel/core';
import { canUseDOM } from './utils/canUseDOM';
import { useInsertionEffect } from './useInsertionEffect';
export const insertionFactory: GriffelInsertionFactory = () => {
const insertionCache: Record<string, boolean> = {};
return function insert(renderer: GriffelRenderer, cssRules: CSSRulesByBucket) {
// Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR
if (useInsertionEffect && canUseDOM()) {
// eslint-disable-next-line react-hooks/rules-of-hooks
useInsertionEffect(() => {
renderer.insertCSSRules(cssRules!);
}, [renderer, cssRules]);
return;
}
if (insertionCache[renderer.id] === undefined) {
renderer.insertCSSRules(cssRules!);
insertionCache[renderer.id] = true;
}
};
};