e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
55 lines
1.9 KiB
JavaScript
55 lines
1.9 KiB
JavaScript
/**
|
|
* WordPress dependencies
|
|
*/
|
|
import { useContext, useLayoutEffect, useRef } from '@wordpress/element';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import SlotFillContext from './context';
|
|
import useSlot from './use-slot';
|
|
export default function Fill({
|
|
name,
|
|
children
|
|
}) {
|
|
const {
|
|
registerFill,
|
|
unregisterFill
|
|
} = useContext(SlotFillContext);
|
|
const slot = useSlot(name);
|
|
const ref = useRef({
|
|
name,
|
|
children
|
|
});
|
|
useLayoutEffect(() => {
|
|
const refValue = ref.current;
|
|
registerFill(name, refValue);
|
|
return () => unregisterFill(name, refValue);
|
|
// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.
|
|
// We'll leave them as-is until a more detailed investigation/refactor can be performed.
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, []);
|
|
useLayoutEffect(() => {
|
|
ref.current.children = children;
|
|
if (slot) {
|
|
slot.forceUpdate();
|
|
}
|
|
// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.
|
|
// We'll leave them as-is until a more detailed investigation/refactor can be performed.
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [children]);
|
|
useLayoutEffect(() => {
|
|
if (name === ref.current.name) {
|
|
// Ignore initial effect.
|
|
return;
|
|
}
|
|
unregisterFill(ref.current.name, ref.current);
|
|
ref.current.name = name;
|
|
registerFill(name, ref.current);
|
|
// Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.
|
|
// We'll leave them as-is until a more detailed investigation/refactor can be performed.
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [name]);
|
|
return null;
|
|
}
|
|
//# sourceMappingURL=fill.js.map
|