diff --git a/frontend/shared/ExpandableArea.jsx b/frontend/shared/ExpandableArea.jsx index 21834c6ef..6a961281b 100644 --- a/frontend/shared/ExpandableArea.jsx +++ b/frontend/shared/ExpandableArea.jsx @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import shortid from 'shortid'; +import { nanoid } from 'nanoid'; // Based on the USWDS Accordion, but only ever has a single // item that can be expanded or collapsed @@ -11,7 +11,7 @@ function ExpandableArea({ children = null, isExpanded = false, }) { - const id = `expandable-area-${shortid.generate()}`; + const id = `expandable-area-${nanoid()}`; return (