Stack Trace

Error headline followed by a few stack frames with file paths and amber line and column numbers.

TypeError: Cannot read 'name' of undefined

greet(src/utils.ts:14:12)

handler(src/server.ts:42:8)

processRequest(src/api.ts:88:4)

Import & use

import { Code9 } from "@/components/beste/piece/code9";

<Code9
  error="TypeError: Cannot read 'name' of undefined"
  frames={[
    {
      "fn": "greet",
      "file": "src/utils.ts",
      "line": 14,
      "column": 12
    },
    {
      "fn": "handler",
      "file": "src/server.ts",
      "line": 42,
      "column": 8
    },
    {
      "fn": "processRequest",
      "file": "src/api.ts",
      "line": 88,
      "column": 4
    }
  ]}
/>

More Code pieces

View all Code

# Database

DATABASE_URL=postgres://localhost/beste

REDIS_URL=redis://localhost:6379

# API

API_KEY=sk_test_EXAMPLE_0000

PORT=3000

Env File

Dotenv listing with sky keys, italic muted comments, and grouped sections separated by blank lines.

import{useState, useEffect}from"react";

import{Button}from"@/ui/button";

import{cn}from"@/lib/utils";

Import Block

Stacked import statements with destructured names and module paths in a quiet syntax palette.

const greeting = "Hello, Beste!";ts

Code Line

One-line code snippet with a monospace pill and a tiny language tag on the right.

{

"name":"Beste",

"version":"1.0.0",

"active":true,

"count":42,

"owner":null

}

JSON Snippet

Pretty-printed JSON object with sky keys, emerald strings, and amber numerics.

function greet(name) {

return 'Hi ' + name;

return `Hello, ${name}!`;

}

Diff Snippet

Compact diff card with added, removed, and context lines tinted in emerald and rose.

greet.ts

1export function greet(name: string) {
2  return `Hello, ${name}!`;
3}
4 
5console.log(greet("Beste"));

Code Snippet Card

Dark editor card with three traffic-light dots, a filename tab, and line-numbered code.