enforce imports to be at the top of the file

[Pascalmh]

Idea

Add a linting rule that enforces that all imports have to be at the top of the file

---

Currently there is not linting rule to find code like this:

import React from "react";

const foo = {}

import { createPortal } from "react-dom"; // ❗❗❗❗ should go on line 2

What the code should look like:

import React from "react";
import { createPortal } from "react-dom";

const foo = {}

Notes

imports must be evaluated before any side effects in ESM world, so it doesn’t break the code if the package is type=module
– @siketyan

I started this discussion on Discord - continuing here

[siketyan]

Prior Art: https://github.com/import-js/eslint-plugin-import/blob/HEAD/docs/rules/first.md

[dyc3]

I've opened #9265 to track this.