Import Order

In panel code, order imports from React and third-party libraries through core, contexts, hooks, and components to local modules.

Correct

import React from 'react'
import Button from '@mui/material/Button'
import core from '../../core/module.js'
import context from '../contexts/context.js'
import hook from '../hooks/hook.js'
import component from '../components/component.jsx'

Incorrect

import component from '../components/component.jsx'
import React from 'react'

Fix

Move imports into the required layer order.