{"_id":"@best-skn/react-types","_rev":"10-46e4cea06359334402296747a4f7359d","name":"@best-skn/react-types","dist-tags":{"latest":"1.1.3"},"versions":{"1.0.0":{"name":"@best-skn/react-types","version":"1.0.0","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.0.0","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"aead7f744667db1efaea170a909e47353a7c56a7","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.0.0.tgz","fileCount":6,"integrity":"sha512-lfvsJjPTsfBj0maDrsoPmwKTHqcQnuPVpfDwZwtitNTx86B2dDp+sblxgBBB/TX/5/M4sGKwwY74eIaxf3SQhg==","signatures":[{"sig":"MEUCIQC2JlL9POG38e/V2RuB4MzYw6ON+JPfP3N9vBbWMpWpwwIgXYi/pUog2c7dDbDikiLWzE19H5tVACWfzmeglvEzW1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7432},"main":"","types":"index.d.ts","gitHead":"f8dee5ef6042eff8ec147791988e0f812bb214d6","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension For React.js 18","directories":{},"_nodeVersion":"22.2.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest","typescript":"^5.4.5","@types/node":"^20.14.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.0.0_1717946511490_0.2999062747270276","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@best-skn/react-types","version":"1.0.1","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.0.1","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"4f941b60519c7e13f528c8707ccb28470d6f3b13","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.0.1.tgz","fileCount":6,"integrity":"sha512-sL0gPl8E1Edwgs0gWqBeAQzFmo1zYjDvXMWGw6mCvrCecvpB1yVH03Aa1XeHXQmyRwHSPl0CqVfKzf7t+EhKXw==","signatures":[{"sig":"MEQCIBRwquF6HvUWoUakJcXc9nWgO30IU8lCQDkm/X5wOiw4AiB0shW1Z6lG6mLSPE9n+om5/AlEsa7PmadsC/Mm4bVkHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18624},"main":"","types":"index.d.ts","gitHead":"1531c3708bdbb0644a39092f1b74afd1276b43d9","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension For React.js 18","directories":{},"_nodeVersion":"22.2.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest","typescript":"^5.4.5","@types/node":"^20.14.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.0.1_1717953595667_0.6673120739415914","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@best-skn/react-types","version":"1.0.2","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.0.2","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"8be7d8ffabc48415fe029f2db0e6a9d965b75b7a","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.0.2.tgz","fileCount":4,"integrity":"sha512-DKCGiz1Dla3+DVsqhtz6CUfHuriKBemaDHLVOZTfkfmpFeBnM8ohooc+/YiRSQRfosm/zAiCaTqotXX9krYuVw==","signatures":[{"sig":"MEQCIFvk45wJyr+h2wadYclR73UE2M9lFdMzI5lSGUVXkSzIAiAuPPSaY7C7moJ3ehEpg6LZOKFzDnhA6StP1Dc2ES5pOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7287},"main":"","types":"index.d.ts","gitHead":"3720dffc9ada798e8ce30f3b8f43ff8fa21625ee","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension For React.js 18","directories":{},"_nodeVersion":"22.2.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest","typescript":"^5.4.5","@types/node":"^20.14.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.0.2_1717954249072_0.35746314407940094","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@best-skn/react-types","version":"1.0.3","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.0.3","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"e50d8f666c33b3de97b392b8b1c86a627e63e7b5","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.0.3.tgz","fileCount":5,"integrity":"sha512-Kll2xBd9sALXW4pj8wj89aOpfnnhWolN/1aoVakedvg0n13uPNVca94kvL7USwwTVDv1OiPErwHiJ/OLO27PYw==","signatures":[{"sig":"MEQCIH97Y30WEXgwJng9Im4yHreNfMIlj5ewcvzOObZWAKCUAiAxz6U9tMHg2KYAcMPGC2q6f7xsXDo7kPkCOCBYkzexQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7706},"main":"","types":"index.d.ts","gitHead":"3ab51e4e6c08474e95b40e11f08bc880caff63db","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension For React.js 18","directories":{},"_nodeVersion":"22.2.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest","typescript":"^5.4.5","@types/node":"^20.14.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.0.3_1717954419097_0.09020333006480907","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@best-skn/react-types","version":"1.0.4","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.0.4","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"97899bf9e83899a4952804de27694cf13d04c064","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.0.4.tgz","fileCount":5,"integrity":"sha512-5ma/JcPBgGSlG8PKaoVxis4XkN7gE1FEO37hDrETGt2zrd2gMoXdIeU5VzY9+JqsnwwO698xLXks4l5lhjR4rg==","signatures":[{"sig":"MEYCIQCKWoUVeCYAzNE1qL3OG0+2J4bK/Gqw1EAzi6YoO8LJAwIhANswK5a5rzg7WuhSMFCWyfdCZJkBZNtDxGW2f8Ca90l7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13691},"main":"","types":"index.d.ts","gitHead":"95ae2eabf31a463bdea78bad771c2424dc483937","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension Library For React.js 18","directories":{},"_nodeVersion":"20.14.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_hasShrinkwrap":true,"devDependencies":{"typescript":"^5.4.5","@types/node":"^20.14.2","@types/react":"^18.3.3","@types/react-dom":"^18.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.0.4_1718040542083_0.1187016647328647","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@best-skn/react-types","version":"1.0.5","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.0.5","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"cb733a5b144e02c68ad04a6072b529955cbe2249","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.0.5.tgz","fileCount":4,"integrity":"sha512-3sstiQukhLPH8I9BFFUrg9Ku+WeSay9byFLmmSVi72hrjfxYxwTL8mwN4lTHtUm2w9q15YkxXha8zxpIxm/hfA==","signatures":[{"sig":"MEQCIC//4/1LtkdBKLe47rP2oqEs/yUfaa2O2CS5Rd50324RAiAybArCCa3f6oXh2DgxmCzragZoGsjsk4rQRr/YRTNWOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10709},"main":"","types":"index.d.ts","gitHead":"497abaa31c460d24ee03b5c78a1797c1ed3c386e","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension Library For React.js 18","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.4.5","@types/node":"^20.14.2"},"peerDependencies":{"react":">= 18.3.1 < 19","react-dom":">= 18.3.1 < 19","@types/react":">= 18.3.3 < 19","@types/react-dom":">= 18.3.0 < 19"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.0.5_1718095696342_0.8144314519426923","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@best-skn/react-types","version":"1.1.0","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.1.0","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"384dd6fdd9ab0782673ca52fd6470199944a9cdf","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.1.0.tgz","fileCount":4,"integrity":"sha512-/nTvKEJ4dRHXv9N6+KqJrHkGNGH7ceq/jNjWeG05uGZGyeP0KiZw169o0p6Hh93tH5aaeKm8JPhoUB6s4cwRWQ==","signatures":[{"sig":"MEQCIFUdNDIGhnA9Ny2yvWeBiD+7/CZ4S163RotwfO0Z2XZYAiAVbsOh2fwPsTgvhpCOsCzmuxPC/pVCKesrH7B4uej3/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11200},"main":"","types":"index.d.ts","exports":{".":{"import":{"types":"./index.d.ts"},"require":{"types":"./index.d.ts"}}},"gitHead":"1d140a5bcb1af556f9654841f0f8dc7196375021","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension Library For React.js 18","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.4.5","@types/node":"^20.14.2"},"peerDependencies":{"react":">= 18.3.1 < 19","react-dom":">= 18.3.1 < 19","@types/react":">= 18.3.3 < 19","@types/react-dom":">= 18.3.0 < 19"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.1.0_1718376745047_0.835341444085856","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@best-skn/react-types","version":"1.1.1","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.1.1","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"3f4b7f2c8c12f252faf3cee66373ceb14ff845bd","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.1.1.tgz","fileCount":4,"integrity":"sha512-na9dL4LJtYryFLKxZ2HorsiVqG9O0l1+5SMQs3OscKzVRzIxtZ1qJOIQGcSjAMZQW7A+0G25zllV9Wt7p8daBw==","signatures":[{"sig":"MEUCIQDtObcHJVEEoXs5q1pNXfZSZr42lz6LmIZ90phqaMuLjwIgFRauWWVqlLTjW8YZym7hnrmj7i+H8ZeX5kwW5Y3xoAk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11045},"main":"","types":"index.d.ts","gitHead":"10d88965b69654754a7456c489fa5a937f0756ef","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.7.0","description":"A Simple Type Definition Extension Library For React.js 18","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.4.5","@types/node":"^20.14.2"},"peerDependencies":{"react":">= 18.3.1 < 19","react-dom":">= 18.3.1 < 19","@types/react":">= 18.3.3 < 19","@types/react-dom":">= 18.3.0 < 19"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.1.1_1718379533679_0.7208591222466381","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@best-skn/react-types","version":"1.1.2","keywords":["react","type","library","next"],"author":{"url":"https://skn.best","name":"SKN Shukhan","email":"skn437physx@gmail.com"},"license":"MIT","_id":"@best-skn/react-types@1.1.2","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"homepage":"https://github.com/skn437/skn-react-types#readme","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"dist":{"shasum":"d2d3ffd44a4ba60ccf6617e7ead80f2f396a3882","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.1.2.tgz","fileCount":4,"integrity":"sha512-uIlppBCBPJpgra355bIQpyp7LeaebAJRbL3ohossmpS0M76AFibm9OJmLfeaMj9Xd97foIma4zSDqi0oR1N1pg==","signatures":[{"sig":"MEUCIQC6oMVhQzNHlt5PIzpX4yUewgJks7PtUXZnoV7r3bx03wIgWQTEL8ZoRu4tBFY/mjeXEXd0lqvSZq2oeqdxsvRQWR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11173},"main":"","types":"index.d.ts","gitHead":"62373ed5b812718b9aa19a05cf791348889bf069","_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"repository":{"url":"git+https://github.com/skn437/skn-react-types.git","type":"git"},"_npmVersion":"10.8.1","description":"A Simple Type Definition Extension Library For React.js 18","directories":{},"_nodeVersion":"20.16.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.4.5","@types/node":"^20.14.2"},"peerDependencies":{"react":">= 18.3.1 < 19","react-dom":">= 18.3.1 < 19","@types/react":">= 18.3.3 < 19","@types/react-dom":">= 18.3.0 < 19"},"_npmOperationalInternal":{"tmp":"tmp/react-types_1.1.2_1724007819678_0.10872246046346357","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@best-skn/react-types","description":"A Simple Type Definition Extension Library For React.js 18","version":"1.1.3","main":"","types":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/skn437/skn-react-types.git"},"keywords":["react","type","library","next"],"author":{"name":"SKN Shukhan","email":"skn437physx@gmail.com","url":"https://skn.best"},"license":"MIT","devDependencies":{"@types/node":"^20.14.2","typescript":"^5.4.5"},"peerDependencies":{"@types/react":">= 18.3.3 < 19","@types/react-dom":">= 18.3.0 < 19","react":">= 18.3.1 < 19","react-dom":">= 18.3.1 < 19"},"_id":"@best-skn/react-types@1.1.3","gitHead":"ba1336e3259012cf86f3d1cbe4e20a63e23954e5","bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"homepage":"https://github.com/skn437/skn-react-types#readme","_nodeVersion":"20.19.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-YEUwg6vQvwYMAPKSxK0mkJGPiToB9LvW5Sdzv0fzQum4snOYDAiWJFIqe/K9qxOiFLFArbRox5nVcwsgG6uXIw==","shasum":"c3eed8941e02889e538db16fc4196cc67fe8fcdd","tarball":"https://registry.npmjs.org/@best-skn/react-types/-/react-types-1.1.3.tgz","fileCount":4,"unpackedSize":10917,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCtvuOow9bL9wDsLHOVSD/j6GbrFgu8lyaZ6CXFpa1ZsQIgYB+EeDWjc7CKUdYDv5JiyaS/Kk8eD0Qq17IcRx4NyR0="}]},"_npmUser":{"name":"skn437","email":"skn437physx@gmail.com"},"directories":{},"maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-types_1.1.3_1761200287300_0.38021072509623743"},"_hasShrinkwrap":false}},"time":{"created":"2024-06-09T15:21:51.351Z","modified":"2025-10-23T06:18:07.707Z","1.0.0":"2024-06-09T15:21:51.672Z","1.0.1":"2024-06-09T17:19:55.847Z","1.0.2":"2024-06-09T17:30:49.207Z","1.0.3":"2024-06-09T17:33:39.294Z","1.0.4":"2024-06-10T17:29:02.309Z","1.0.5":"2024-06-11T08:48:16.498Z","1.1.0":"2024-06-14T14:52:25.190Z","1.1.1":"2024-06-14T15:38:53.824Z","1.1.2":"2024-08-18T19:03:40.580Z","1.1.3":"2025-10-23T06:18:07.488Z"},"bugs":{"url":"https://github.com/skn437/skn-react-types/issues"},"author":{"name":"SKN Shukhan","email":"skn437physx@gmail.com","url":"https://skn.best"},"license":"MIT","homepage":"https://github.com/skn437/skn-react-types#readme","keywords":["react","type","library","next"],"repository":{"type":"git","url":"git+https://github.com/skn437/skn-react-types.git"},"description":"A Simple Type Definition Extension Library For React.js 18","maintainers":[{"name":"skn437","email":"skn437physx@gmail.com"}],"readme":"# SKN React Type Extension Library\n\n<img width=\"150px\" src=\"https://firebasestorage.googleapis.com/v0/b/skn-ultimate-project-la437.appspot.com/o/GitHub%20Library%2F08-TypeScript-SRT.svg?alt=media&token=5ada477b-a37e-4cdd-be35-19e1e89de649\" alt=\"react\" />\n\n> TypeScript React\n\n[![NPM Version](https://img.shields.io/npm/v/%40best-skn%2Freact-types)](https://www.npmjs.com/package/@best-skn/react-types) [![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/license/mit)\n\n&nbsp;\n\n## **_Introduction:_**\n\n### This is a simple TypeScript Type Extension Library for React 18 & also for Next.js 14\n\n### I made this library so that I can use it in all of my Next.js 14 projects without writing the same codes over and over again\n\n&nbsp;\n\n## **_Details:_**\n\n### **`SC/SFC` Type**\n\n- type `SC/SFC` both are for server components except for layout ones (layout.tsx in Next.js 14)\n- type `SC/SFC` both take generic type of any kinds of props\n- `SC` is used in asynchronous server components that returns a `Promise` of `React.JSX.Element | React.ReactNode`\n- `SFC` is used in synchronous server components that returns `React.JSX.Element | React.ReactNode`\n- For usage instruction, see `Usage` section\n\n### **`ChildrenProps` Type**\n\n- An interface that has `children` property of type `React.JSX.Element | React.ReactNode`\n- For usage instruction, see `Usage` section\n\n### **`SLC/SFLC` Type**\n\n- type `SLC/LSFC` both are for layout server components (layout.tsx in Next.js 14)\n- type `SLC/SFLC` don't take any generics\n- `SLC` is used in asynchronous layout server components that returns a `Promise`\n  of `React.JSX.Element | React.ReactNode`\n- `SFLC` is used in synchronous layout server components that returns `React.JSX.Element | React.ReactNode`\n- For usage instruction, see `Usage` section\n\n&nbsp;\n\n## **_Use Case:_**\n\n- React\n- Next.js\n\n&nbsp;\n\n## **_Requirements:_**\n\n### This library has peer dependency for React & React DOM of minimum 18.3.1. It may or may not work on 19.x\n\n### This library is intended to be used in Next.js of minimum 14.2.3. It may or may not work on 15.x\n\n- 💀 Minimum [react](https://www.npmjs.com/package/react) Version: `18.3.1`\n- 💀 Minimum [@types/react](https://www.npmjs.com/package/@types/react) Version: `18.3.3`\n- 💀 Minimum [react-dom](https://www.npmjs.com/package/react-dom) Version: `18.3.1`\n- 💀 Minimum [@types/react-dom](https://www.npmjs.com/package/@types/react-dom) Version: `18.3.0`\n- 💀 Minimum [next](https://www.npmjs.com/package/next) Version: `14.2.3`\n\n&nbsp;\n\n## **_Complementary Libraries:_**\n\n- [@best-skn/next-types](https://www.npmjs.com/package/@best-skn/next-types)\n\n&nbsp;\n\n## **_Usage:_**\n\n### To install the package, type the following in console\n\n> ```zsh\n> npm add -D @best-skn/react-types\n> #or\n> yarn add -D @best-skn/react-types\n> #or\n> pnpm add -D @best-skn/react-types\n> #or\n> bun add -D @best-skn/react-types\n> ```\n\n### Create a directory called `types` in the root location of your project, and create a file called `react.d.ts`, then do this\n\n> ```typescript\n> import \"@best-skn/react-types\";\n> ```\n\n### Check your `tsconfig.json` if `includes` property has `**/*.ts` or not otherwise the type definition file may not work\n\n### Now Inside your Next.js 14 Project, use the package like this (Just an example)\n\n#### **_`SC/SFC` Type:_**\n\n#### For any `Server Components` except the `Layout Server Components`, do the following\n\n> ##### **(a) Asynchronous:**\n>\n> ```typescript jsx\n> // Location: app/page.tsx\n> const Home: React.SC<unknown> = async () => {\n>   return (\n>     <div>something...</div>\n>   );\n> };\n>\n> export default Home;\n> ```\n>\n> ##### **(b) Synchronous:**\n>\n> ```typescript jsx\n> // Location: app/page.tsx\n> const Home: React.SFC<unknown> = () => {\n>   return (\n>     <div>something...</div>\n>   );\n> };\n>\n> export default Home;\n> ```\n\n#### **_`ChildrenProps` Type:_**\n\n#### For any kinds of `Functional Component (Server or Client)`, you can use like this if it needs `children` props\n\n> ##### **(a) Server:**\n>\n> ```typescript jsx\n> import type { ChildrenProps } from \"react\";\n>\n> const HomeComponent: React.SFC<ChildrenProps> = (props) => {\n>   const { children } = props;\n>\n>   return (\n>     <div>something...</div>\n>   );\n> };\n>\n> export default HomeComponent;\n> ```\n>\n> ##### **(b) Client:**\n>\n> ```typescript jsx\n> \"use client\"\n>\n> import type { ChildrenProps } from \"react\";\n>\n> const HomeComponent: React.FC<ChildrenProps> = (props) => {\n>   const { children } = props;\n>\n>   return (\n>     <div>something...</div>\n>   );\n> };\n>\n> export default HomeComponent;\n> ```\n\n#### **_`SLC/SFLC` Type:_**\n\n#### For any `Layout Server Components`, do the following\n\n> ##### **(a) Asynchronous case:**\n>\n> ```typescript jsx\n> // Location: app/layout.tsx\n> const RootLayout: React.SLC = async (props) => {\n>   const { children } = props;\n>\n>   return (\n>     <html lang=\"en\">\n>       <body>{children}</body>\n>     </html>\n>   );\n> };\n>\n> export default RootLayout;\n> ```\n>\n> ##### **(a) Synchronous case:**\n>\n> ```typescript jsx\n> // Location: app/layout.tsx\n> const RootLayout: React.SFLC = (props) => {\n>   const { children } = props;\n>\n>   return (\n>     <html lang=\"en\">\n>       <body>{children}</body>\n>     </html>\n>   );\n> };\n>\n> export default RootLayout;\n> ```\n\n&nbsp;\n\n## **_Dedicated To:_**\n\n- 👩‍🎨`Prodipta Das Logno` & 🧛‍♀️`Atoshi Sarker Prithula`: The two most special ladies of my life. My best wishes will always be with you two. May you two always be happy.\n- 💯`My Parents`: The greatest treasures of my life ever.\n\n&nbsp;\n\n## **_License:_**\n\nCopyright (C) 2024 SKN Shukhan\n\nLicensed under the MIT License\n","readmeFilename":"README.md"}