refactor: add a unified warning function

components/utils/use-warning.ts

@@ -0,0 +1,18 @@
+const warningStack: { [key: string]: boolean } = {}
+
+const useWarning = (message: string, component?: string) => {
+  const tag = component ? ` [${component}]` : ' '
+  const log = `[Zeit UI]${tag}: ${message}`
+  
+  if (typeof console === 'undefined') return
+  if (warningStack[log]) return
+  warningStack[log] = true
+  
+  if (process.env.NODE_ENV !== 'production') {
+    return console.error(log)
+  }
+  
+  console.warn(log)
+}
+
+export default useWarning