Current File : /home/emergentqj/actioncivile/pre-auth/.8352c036a19b0051d0217d27d25e3f4a/static/node_modules/styled-components/src/utils/checkDynamicCreation.ts
import { useRef } from 'react';
const invalidHookCallRe = /invalid hook call/i;
const seen = new Set();
export const checkDynamicCreation = (displayName: string, componentId?: string | undefined) => {
if (process.env.NODE_ENV !== 'production') {
const parsedIdString = componentId ? ` with the id of "${componentId}"` : '';
const message =
`The component ${displayName}${parsedIdString} has been created dynamically.\n` +
"You may see this warning because you've called styled inside another component.\n" +
'To resolve this only create new StyledComponents outside of any render method and function component.';
// If a hook is called outside of a component:
// React 17 and earlier throw an error
// React 18 and above use console.error
const originalConsoleError = console.error;
try {
let didNotCallInvalidHook = true;
console.error = (consoleErrorMessage, ...consoleErrorArgs) => {
// The error here is expected, since we're expecting anything that uses `checkDynamicCreation` to
// be called outside of a React component.
if (invalidHookCallRe.test(consoleErrorMessage)) {
didNotCallInvalidHook = false;
// This shouldn't happen, but resets `warningSeen` if we had this error happen intermittently
seen.delete(message);
} else {
originalConsoleError(consoleErrorMessage, ...consoleErrorArgs);
}
};
// We purposefully call `useRef` outside of a component and expect it to throw
// If it doesn't, then we're inside another component.
useRef();
if (didNotCallInvalidHook && !seen.has(message)) {
console.warn(message);
seen.add(message);
}
} catch (error) {
// The error here is expected, since we're expecting anything that uses `checkDynamicCreation` to
// be called outside of a React component.
if (invalidHookCallRe.test((error as Error).message)) {
// This shouldn't happen, but resets `warningSeen` if we had this error happen intermittently
seen.delete(message);
}
} finally {
console.error = originalConsoleError;
}
}
};
Mini Shell