typescriptにて、jsonデータを変換してmap関数で処理できるようにしたい

Question

実現したいこと

typescriptにて、jsonデータを変換したうえでmap関数で処理できるようにしたい。
勉強のために保存や新規追加機能を実装したいため、jsonの型変換をする必要がある認識です。

発生している問題・エラーメッセージ

テスト用jsonの型変換がうまくいかず、JSON.parse(hoge)の箇所でエラーが発生している。

型 '{ id: number; company: string; kanaCompany: string; }[]' の引数を型 'string' のパラメーターに割り当てることはできません。

該当のソースコード

import React from 'react'

export const PartnerMasterTopContents: React.FunctionComponent = () => {
  interface json {
    id: string
    company: string
    kanaCompany: string
    corporateNumber: string
    corporateClass: string
    manager: string
    tel: string
    department: string
    postalCode: string
    prefectures: string
    city: string
    streetAddress: string
    building: string
  }[]

const hoge = [
    {
      id: 1,
      company: '株式会社A',
      kanaCompany: 'かぶしきがいしゃえー'
    },
    {
      id: 2,
      company: '株式会社B',
      kanaCompany: 'かぶしきがいしゃびー'
    },
    {
      id: 3,
      company: '株式会社C',
      kanaCompany: 'かぶしきがいしゃしー'
    }
  ]
}

const data: Array<json> = JSON.parse(hoge)

試したこと

テスト用jsonを変換せずにmap関数にあてはめてみたところ問題なく表示はできました。
: Array<json>を付与して型の定義を行ってみましたが、string型にあてはめていることになっています...

Answer 1

そもそも、このコードでJSON.parseは不要です。

JSON.parseは、JSON文字列からオブジェクトを起こす関数ですので、すでにソースコード上のオブジェクトになっているhogeに適用するものではありません。

Comments

[nagano0141cafe]

アンサーありがとうございます。
既にオブジェクトになっていたためなんですね、jsonとオブジェクトの違いの理解が全くできておらずお恥ずかしい限りです...
そちらについてこの後検索してみます！
迅速な回答ありがとうございます。大変助かりました！