{"id":10,"date":"2023-07-17T10:09:53","date_gmt":"2023-07-17T01:09:53","guid":{"rendered":"http:\/\/www.viw.co.kr\/ep\/?p=10"},"modified":"2023-07-17T10:32:44","modified_gmt":"2023-07-17T01:32:44","slug":"cannot-find-module-ag-grid-react-or-its-corresponding-type-declarations","status":"publish","type":"post","link":"http:\/\/www.viw.co.kr\/ep\/cannot-find-module-ag-grid-react-or-its-corresponding-type-declarations\/","title":{"rendered":"AgGridReact rowData No overload matches this call. Error"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\uc624\ub958 \uba54\uc2dc\uc9c0<\/p>\n\n\n\n<pre id=\"code_1689557437791\" class=\"wp-block-preformatted\">No overload matches this call.\n  Overload 1 of 2, '(props: AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;any&gt; | Readonly&lt;AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;any&gt;&gt;): AgGridReact&lt;...&gt;', gave the following error.\n    Type '{ children: never[]; rowData: { make: string; model: string; price: number; }[]; columnDefs: { field: string; }[]; }' is not assignable to type 'IntrinsicAttributes &amp; (IntrinsicClassAttributes&lt;AgGridReact&lt;any&gt;&gt; &amp; Readonly&lt;AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;...&gt;&gt;)'.\n      Property 'rowData' does not exist on type 'IntrinsicAttributes &amp; (IntrinsicClassAttributes&lt;AgGridReact&lt;any&gt;&gt; &amp; Readonly&lt;AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;...&gt;&gt;)'.\n  Overload 2 of 2, '(props: AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;any&gt;, context: any): AgGridReact&lt;any&gt;', gave the following error.\n    Type '{ children: never[]; rowData: { make: string; model: string; price: number; }[]; columnDefs: { field: string; }[]; }' is not assignable to type 'IntrinsicAttributes &amp; (IntrinsicClassAttributes&lt;AgGridReact&lt;any&gt;&gt; &amp; Readonly&lt;AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;...&gt;&gt;)'.\n      Property 'rowData' does not exist on type 'IntrinsicAttributes &amp; (IntrinsicClassAttributes&lt;AgGridReact&lt;any&gt;&gt; &amp; Readonly&lt;AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;...&gt;&gt;)'.<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\ucf54\ub4dc&nbsp;<\/p>\n\n\n\n<pre id=\"code_1689557479941\" class=\"wp-block-preformatted\">import { AgGridReact } from 'ag-grid-react';\n\nconst AgGrid01Page = () =&gt; {\n    const [rowData] = useState([\n        {make: \"Toyota\", model: \"Celica\", price: 35000},\n        {make: \"Ford\", model: \"Mondeo\", price: 32000},\n        {make: \"Porsche\", model: \"Boxster\", price: 72000}\n    ]);\n    \n    const [columnDefs] = useState([\n        { field: 'make' },\n        { field: 'model' },\n        { field: 'price' }\n    ]);\n\n    return (\n        &lt;div className=\"ag-theme-alpine\" style={{height: 400, width: 600}}&gt;\n            &lt;AgGridReact\n                rowData={rowData}\n                columnDefs={columnDefs}&gt;\n            &lt;\/AgGridReact&gt;\n        &lt;\/div&gt;\n    );\n};\n\nexport default AgGrid01Page;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc624\ub958 \ubd80\ubd84<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; &lt;div className=&#8221;ag-theme-alpine&#8221; style={{height: 400, width: 600}}&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;AgGridReact<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;rowData={rowData}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; columnDefs={columnDefs}&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;\/AgGridReact&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; &lt;\/div&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud574\uacb0\ubc29\ubc95<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ag-Grid Community \ubc84\uc804 \uc124\uce58<\/p>\n\n\n\n<pre id=\"code_1689557519141\" class=\"wp-block-preformatted\">npm i @ag-grid-community\/client-side-row-model\nnpm i @ag-grid-community\/core\nnpm i @ag-grid-community\/infinite-row-model\nnpm i @ag-grid-community\/react<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\uc624\ub958 \uba54\uc2dc\uc9c0 No overload matches this call. Overload 1 of 2, &#8216;(props: AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;any&gt; | Readonly&lt;AgGridReactProps&lt;any&gt; | AgReactUiProps&lt;any&gt;&gt;): AgGridReact&lt;&#8230;&gt;&#8217;, gave the following error. Type &#8216;{ children: never[]; rowData: { make: string; model: string; price:&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-react","no-post-thumbnail"],"_links":{"self":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":3,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"predecessor-version":[{"id":15,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts\/10\/revisions\/15"}],"wp:attachment":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}