Fix version in trace (#30982)

Noticed the trace can't be imported because the tags are a nested as apparently the type was not restrictive of that.


## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`

packages/next/build/index.ts

@@ -133,7 +133,7 @@ export default async function build(
   runLint = true
 ): Promise<void> {
   const nextBuildSpan = trace('next-build', undefined, {
-    attrs: { version: process.env.__NEXT_VERSION },
+    version: process.env.__NEXT_VERSION as string,
   })
 
   const buildResult = await nextBuildSpan.traceAsyncFn(async () => {

packages/next/server/dev/hot-reloader.ts

@@ -192,7 +192,7 @@ export default class HotReloader {
     this.previewProps = previewProps
     this.rewrites = rewrites
     this.hotReloaderSpan = trace('hot-reloader', undefined, {
-      attrs: { version: process.env.__NEXT_VERSION },
+      version: process.env.__NEXT_VERSION as string,
     })
     // Ensure the hotReloaderSpan is flushed immediately as it's the parentSpan for all processing
     // of the current `next dev` invocation.

packages/next/trace/trace.ts

@@ -100,7 +100,11 @@ export class Span {
   }
 }
 
-export const trace = (name: string, parentId?: SpanId, attrs?: Object) => {
+export const trace = (
+  name: string,
+  parentId?: SpanId,
+  attrs?: { [key: string]: string }
+) => {
   return new Span({ name, parentId, attrs })
 }
 

scripts/send-trace-to-jaeger.mjs

@@ -49,11 +49,14 @@ file.pipe(eventStream.split()).pipe(
     )
       .then(async (res) => {
         if (res.status !== 202) {
-          console.log({
-            status: res.status,
-            body: await res.text(),
-            events: eventsJson,
-          })
+          console.dir(
+            {
+              status: res.status,
+              body: await res.text(),
+              events: eventsJson,
+            },
+            { depth: null }
+          )
         }
         cb(null, '')
       })