제목1

제목2

제목3

제목4

제목5

제목6

• 리스트 안의 리스트 들여쓰기 테스트

1. 리스트 1번
2. 리스트 2번
   • 리스트 확인

• 테스트1
• 테스트2
• 테스트3

1. 테스트1
2. 테스트2
3. 테스트3

테스트1

테스트2

// ... (import 부분은 동일) ...

export default function PostContainer({ children }: { children: string }) {
  return (
    <div className="prose prose-lg prose-slate dark:prose-invert w-full max-w-202.5 sm:w-auto">
      <ReactMarkdown 
        remarkPlugins={[remarkGfm]} 
        rehypePlugins={[rehypeRaw]}
        components={{
          code(props) {
            // 🌟 해결: ref를 밖으로 빼내서 rest에 포함되지 않게 만듭니다.
            const { children, className, node, ref, ...rest } = props;
            
            const match = /language-(\w+)/.exec(className || '');
            
            return match ? (
              <SyntaxHighlighter
                {...rest} // 이제 ref가 빠진 안전한 props만 전달됩니다.
                PreTag="div"
                language={match[1]}
                style={vscDarkPlus}
              >
                {String(children).replace(/\n$/, '')}
              </SyntaxHighlighter>
            ) : (
              // 인라인 코드일 때는 원래대로 ref를 붙여줍니다.
              <code ref={ref} {...rest} className={className}>
                {children}
              </code>
            );
          }
        }}
      >
        {children}
      </ReactMarkdown>
    </div>
  );
}