review suggestions

Author: s1gr1d

docs/platforms/javascript/common/user-feedback/configuration/index.mdx

@@ -219,7 +219,7 @@ You can use your own button instead of the default injected button to trigger th
 
 ```javascript
 const feedback = feedbackIntegration({
-  // Disable injecting the default widget
+  // Disable the injection of the default widget
   autoInject: false,
 });
 
@@ -230,7 +230,7 @@ feedback.attachTo(document.querySelector("#your-button"), {
 ```typescript {tabTitle: NextJs}
 function AttachToFeedbackButton() {
   const [feedback, setFeedback] = useState();
-  // Read `getFeedback` on the client only, to avoid hydration errors when server rendering
+  // Read `getFeedback` on the client only, to avoid hydration errors during server rendering
   useEffect(() => {
     setFeedback(Sentry.getFeedback());
   }, []);
@@ -256,7 +256,7 @@ Alternatively, you can call `feedback.createForm()` and have full control over w
 
 ```javascript
 const feedback = feedbackIntegration({
-  // Disable injecting the default widget
+  // Disable the injection of the default widget
   autoInject: false,
 });
 
@@ -267,7 +267,7 @@ form.open();
 ```typescript {tabTitle: NextJS}
 function CreateFeedbackFromButton() {
   const [feedback, setFeedback] = useState();
-  // Read `getFeedback` on the client only, to avoid hydration errors when server rendering
+  // Read `getFeedback` on the client only, to avoid hydration errors during server rendering
   useEffect(() => {
     setFeedback(Sentry.getFeedback());
   }, []);

docs/platforms/javascript/common/user-feedback/v7/index.mdx

@@ -169,7 +169,7 @@ You can use your own button instead of the default injected button to trigger th
 
 ```javascript
 const feedback = feedbackIntegration({
-  // Disable injecting the default widget
+  // Disable the injection of the default widget
   autoInject: false,
 });
 

platform-includes/user-feedback/manual-injection/javascript.mdx

@@ -1,6 +1,6 @@
 ```javascript
 const feedback = feedbackIntegration({
-  // Disable injecting the default widget
+  // Disable the injection of the default widget
   autoInject: false,
 });
 

platform-includes/user-feedback/manual-injection/javascript.nextjs.mdx

@@ -1,7 +1,7 @@
 ```jsx {tabTitle: NextJS}
 function ToggleFeedbackButton() {
   const [feedback, setFeedback] = useState();
-  // Read `getFeedback` on the client only, to avoid hydration errors when server rendering
+  // Read `getFeedback` on the client only, to avoid hydration errors during server rendering
   useEffect(() => {
     setFeedback(Sentry.getFeedback());
   }, []);

platform-includes/user-feedback/manual-injection/javascript.react.mdx

@@ -1,7 +1,7 @@
 ```jsx {tabTitle: React}
 function ToggleFeedbackButton() {
   const [feedback, setFeedback] = useState();
-  // Read `getFeedback` on the client only, to avoid hydration errors when server rendering
+  // Read `getFeedback` on the client only, to avoid hydration errors during server rendering
   useEffect(() => {
     setFeedback(Sentry.getFeedback());
   }, []);

platform-includes/user-feedback/manual-injection/javascript.remix.mdx

@@ -0,0 +1,26 @@
+```jsx {tabTitle: Remix}
+function ToggleFeedbackButton() {
+  const [feedback, setFeedback] = useState();
+  // Read `getFeedback` on the client only, to avoid hydration errors during server rendering
+  useEffect(() => {
+    setFeedback(Sentry.getFeedback());
+  }, []);
+
+  const [widget, setWidget] = useState();
+  return (
+    <button
+      type="button"
+      onClick={async () => {
+        if (widget) {
+          widget.removeFromDom();
+          setWidget(null);
+        } else {
+          setWidget(feedback.createWidget());
+        }
+      }}
+    >
+      {widget ? "Remove Widget" : "Create Widget"}
+    </button>
+  );
+}
+```