disable lint for valid usages

packages/react/src/components/Image/Image.base.tsx

@@ -24,6 +24,7 @@ function useLoadState(
 
   const [loadState, setLoadState] = React.useState<ImageLoadState>(ImageLoadState.notLoaded);
 
+  // eslint-disable-next-line no-restricted-properties
   React.useLayoutEffect(() => {
     // If the src property changes, reset the load state
     // (does nothing if the load state is already notLoaded)

packages/react/src/components/KeytipData/useKeytipData.ts

@@ -26,6 +26,7 @@ export function useKeytipData(options: KeytipDataOptions): IKeytipData {
   const prevOptions = usePrevious(options);
 
   // useLayoutEffect used to strictly emulate didUpdate/didMount behavior
+  // eslint-disable-next-line no-restricted-properties
   React.useLayoutEffect(() => {
     if (
       uniqueId.current &&
@@ -36,6 +37,7 @@ export function useKeytipData(options: KeytipDataOptions): IKeytipData {
     }
   });
 
+  // eslint-disable-next-line no-restricted-properties
   React.useLayoutEffect(() => {
     // Register Keytip in KeytipManager
     if (keytipProps) {

packages/react/src/components/Layer/Layer.base.tsx

@@ -93,6 +93,7 @@ export const LayerBase: React.FunctionComponent<ILayerProps> = React.forwardRef<
       onLayerDidMount?.();
     };
 
+    // eslint-disable-next-line no-restricted-properties
     React.useLayoutEffect(() => {
       createLayerElement();
       // Check if the user provided a hostId prop and register the layer with the ID.

packages/react/src/components/TextField/MaskedTextField/MaskedTextField.tsx

@@ -344,6 +344,7 @@ export const MaskedTextField: React.FunctionComponent<IMaskedTextFieldProps> = R
   }, [mask, value]);
 
   // Run before browser paint to avoid flickering from selection reset.
+  // eslint-disable-next-line no-restricted-properties
   React.useLayoutEffect(() => {
     // Move the cursor to position before paint.
     if (maskCursorPosition !== undefined && textField.current) {

packages/react/src/utilities/useOverflow.ts

@@ -75,6 +75,7 @@ export const useOverflow = ({ onOverflowItemsChanged, rtl, pinnedIndex }: Overfl
     return () => containerRef(null);
   });
 
+  // eslint-disable-next-line no-restricted-properties
   React.useLayoutEffect(() => {
     const container = containerRef.current;
     const menuButton = menuButtonRef.current;