@shopify/polaris/esnext/components/Focus/Focus.js

Shopify’s product component library

import React, { memo, useEffect } from 'react';
import { focusFirstFocusableNode } from '@shopify/javascript-utilities/focus';
export const Focus = memo(function Focus({ children, disabled, root, }) {
    useEffect(() => {
        if (disabled || !root || root.querySelector('[autofocus]'))
            return;
        focusFirstFocusableNode(root, false);
    }, [disabled, root]);
    return <React.Fragment>{children}</React.Fragment>;
});