Deprecate JSX 3 (#120)

* deprecate v3

* changelog

Author: mununki

CHANGELOG.md

@@ -10,6 +10,10 @@
 > - :house: [Internal]
 > - :nail_care: [Polish]
 
+## 0.13.1 (Unreleased)
+
+- Deprecate JSX 3 https://github.com/rescript-lang/rescript-react/pull/120
+
 ## 0.13.0
 
 #### :boom: Breaking Change

src/v3/ReactDOMStyle_V3.res

@@ -1,6 +1,6 @@
 type t = ReactDOMStyle.t
 
-@obj
+@obj @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external make: (
   ~azimuth: string=?,
   ~background: string=?,
@@ -420,16 +420,18 @@ external make: (
 ) => t = ""
 
 /* CSS2Properties: https://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties */
-@val
+@val @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external combine: (@as(json`{}`) _, t, t) => t = "Object.assign"
 
+@deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external _dictToStyle: Js.Dict.t<string> => t = "%identity"
 
+@deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 let unsafeAddProp = (style, key, value) => {
   let dict = Js.Dict.empty()
   Js.Dict.set(dict, key, value)
   combine(style, _dictToStyle(dict))
 }
 
-@val
+@val @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external unsafeAddStyle: (@as(json`{}`) _, t, {..}) => t = "Object.assign"

src/v3/ReactDOM_V3.res

@@ -6,33 +6,35 @@
  calls and add the appropriate `require("react-dom")` in the file calling this `render` */
 
 // Helper so that ReactDOM itself doesn't bring any runtime
-@val @return(nullable)
+@val @return(nullable) @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external querySelector: string => option<Dom.element> = "document.querySelector"
 
-@module("react-dom")
+@module("react-dom") @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external render: (React.element, Dom.element) => unit = "render"
 
 module Experimental = {
   type root = ReactDOM.Client.Root.t
 
-  @module("react-dom")
+  @module("react-dom") @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
   external createRoot: Dom.element => root = "createRoot"
 
-  @module("react-dom")
+  @module("react-dom") @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
   external createBlockingRoot: Dom.element => root = "createBlockingRoot"
 
-  @send external render: (root, React.element) => unit = "render"
+  @send @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
+  external render: (root, React.element) => unit = "render"
 }
 
-@module("react-dom")
+@module("react-dom") @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external hydrate: (React.element, Dom.element) => unit = "hydrate"
 
-@module("react-dom")
+@module("react-dom") @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external createPortal: (React.element, Dom.element) => React.element = "createPortal"
 
-@module("react-dom")
+@module("react-dom") @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external unmountComponentAtNode: Dom.element => unit = "unmountComponentAtNode"
 
+@deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external domElementToObj: Dom.element => {..} = "%identity"
 
 type style = ReactDOMStyle.t
@@ -44,7 +46,9 @@ module Ref = {
   type currentDomRef = React.ref<Js.nullable<Dom.element>>
   type callbackDomRef = Js.nullable<Dom.element> => unit
 
+  @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
   external domRef: currentDomRef => domRef = "%identity"
+  @deprecated("Jsx 3 is deprecated, use jsx 4 instead")
   external callbackDomRef: callbackDomRef => domRef = "%identity"
 }
 
@@ -2108,6 +2112,7 @@ include Props
 
 // As we've removed `ReactDOMRe.createElement`, this enables patterns like
 // React.createElement(ReactDOM.stringToComponent(multiline ? "textarea" : "input"), ...)
+@deprecated("Jsx 3 is deprecated, use jsx 4 instead")
 external stringToComponent: string => React.component<domProps> = "%identity"
 
 module Style = ReactDOMStyle