enforce the rule for the other repositories

.eslintrc.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const { rules: baseStyleRules } = require('eslint-config-airbnb-base/rules/style');
 
 const forbidTopLevelMessage = [
   'Prefer one level nested imports to avoid bundling everything in dev mode',
@@ -19,10 +20,10 @@ module.exports = {
     node: true,
   },
   extends: [
-    'plugin:import/recommended',
-    'plugin:import/typescript',
-    'airbnb-typescript',
-    'prettier',
+    'plugin:eslint-plugin-import/recommended',
+    'plugin:eslint-plugin-import/typescript',
+    'eslint-config-airbnb-typescript',
+    'eslint-config-prettier',
   ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
@@ -161,6 +162,15 @@ module.exports = {
     'react/static-property-placement': 'off',
     // Currently not in recommended ruleset but catches real bugs.
     'react/no-unstable-nested-components': 'error',
+    'no-restricted-syntax': [
+      // See https://github.com/eslint/eslint/issues/9192 for why it's needed
+      ...baseStyleRules['no-restricted-syntax'],
+      {
+        message:
+          "Do not import default from React. Use a namespace import (import * as React from 'react';) instead.",
+        selector: 'ImportDeclaration[source.value="react"] ImportDefaultSpecifier',
+      },
+    ],
   },
   overrides: [
     {

packages/mui-base/src/SwitchUnstyled/useSwitch.types.ts

@@ -1,4 +1,4 @@
-import React, { HTMLInputTypeAttribute } from 'react';
+import * as React from 'react';
 
 export interface UseSwitchParameters {
   /**
@@ -44,7 +44,7 @@ interface UseSwitchInputSlotOwnProps {
   readOnly?: boolean;
   ref: React.Ref<any>;
   required?: boolean;
-  type: HTMLInputTypeAttribute;
+  type: React.HTMLInputTypeAttribute;
 }
 
 export type UseSwitchInputSlotProps<TOther = {}> = Omit<TOther, keyof UseSwitchInputSlotOwnProps> &